* { 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, Verdana,Helvetica, sans-serif; font-size:100%; background:#3b3b3b; color:#000; line-height:1.7em; behavior:url(css/hover.htc);  }

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

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

hr { display:none; }

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

.noscreen { display:none; }
.nobr { border:none !important; }
.nowrap {white-space:nowrap;}

/* H1 REPLACE
------------------------------*/
h1 { display:block; position:absolute; width:379px; height:35px; left:260px; top:35px; text-align:left; font-size:1.1em; }
	h1 a { width:459px; height:41px; display:block; position:relative; left:0; top:0; color:#ccc; text-align:center; text-indent:-9999px; }
	h1 a:hover { color:#fff; }

/* LAYOUT
------------------------------*/
#all { background:url(all.gif) repeat-y; position:relative; font-size:0.8em; line-height:1.7em; text-align:left; margin:0 auto; width:900px; padding:27px 8px 0 8px; }
	#top { position:relative; width:900px; left:0; height:304px; background:url(header.gif) no-repeat; margin:0 auto; }
	#container { width:898px; margin:0 1px; padding:0; }
	
	.visackaD { width:164px; height:405px; position:absolute; top:101px; right:-156px; background:url(visackaD.jpg) no-repeat; }     /* DIESEL */
	.visackaM { width:190px; height:520px; position:absolute; top:-23px; left :-180px; background:url(visackaM.jpg) no-repeat; }     /* MISS SIXTY */
	.visackaP { width:164px; height:405px; position:absolute; top:101px; right:-156px; background:url(visackaP.jpg) no-repeat; }     /* PIRRE CARDIN */ 

/* TOPMENU
------------------------------*/
#top ul { position:absolute; top:0; 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; }

/* KOSIK
------------------------------*/	
.kosik { display:block; width:201px; height:39px; background:#00bdec url(kosik.gif) no-repeat; position:absolute; left:8px; top:292px; }
	.kosik a { display:block; width:156px; height:38px; 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; color: #00BDEC; width:201px; height:22px; background:#000;  font-size:10px; text-align:center; font-weight: bold; }

/* SIDEBAR
------------------------------*/
#sidebar { float:left; width:200px; overflow:hidden; padding-bottom:140px; }
	
	#sidebar h2  { background:#3b3b3b url(li-h2-x.gif) 175px 0 no-repeat; text-align: center!important; color:#fff; font-size:18px; font-weight:bold; margin:0; padding:0 0 0 0px; height:30px; line-height:30px; }
	#sidebar h2 a { background:#3b3b3b url(li-h2-x.gif) 175px 00px no-repeat; text-align: center!important; text-decoration: none; color:#fff; 
							display: block; width: 200px!important; margin:0; padding:0 0 0 0px; height:30px; line-height:30px; }
	#sidebar h2 a:hover { background:#3b3b3b url(li-h2-x.gif) 175px -32px no-repeat; text-align: center!important; text-decoration: underline; }
	#sidebar ul { list-style:none; margin:0; text-align:left; }
	#sidebar ul li { list-style:none; border-bottom:1px solid #d3d4d9; }
	#sidebar ul li a { color:#000; font-weight:bold; padding:1px 19px 2px 19px; display:block; width:162px; text-decoration:none; }
	#sidebar ul li a span { color:#3b3b3b; font-weight:normal; }
	#sidebar ul li a:hover span { background-color:#e500ff; color:#fff; font-weight:normal; }
	#sidebar ul li.active span { background-color:#e500ff; color:#fff; font-weight:normal; }
	#sidebar ul li a:hover { background-color:#e500ff; color:#fff; text-decoration:none; }
	#sidebar ul li.active a { background-color:#e500ff; color:#fff; text-decoration:none; }
	#sidebar ul.vyrobci li a { text-transform:uppercase; }
	
	#sidebar h2.weby { background:#3b3b3b url(li-h2.gif) 93% 50% no-repeat; text-transform:lowercase; }
	#sidebar ul.weby { list-style:none; margin:0; text-align:left; }
	#sidebar ul.weby li a { color:#000; text-transform:lowercase; }
	#sidebar ul.weby li a:hover { color:#000; text-decoration:underline; background:none; }
	#sidebar ul.weby li.active a { color:#000; text-decoration:underline; background:none; }

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

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

	#content h2 span { font-weight:normal; }
	#content h2 { color:#e500ff; font-weight:bold; font-size:19px; padding:15px 0 10px 0; margin:0; }
	#content h3 { color:#000; font-weight: normal; font-size:19px; 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:17px!important; padding:15px 0 30px 0; margin:0; }
/* SEARCH
------------------------------*/
#search { margin:0; padding:0; border:4px #3B3B3B solid; width:196px; height:22px; overflow:hidden; background:#fff!important; }
	#search input { background:transparent; height:19px; float:left; width:160px; font-size:9px; font-weight:bold; border:0; 
					padding-top:5px; padding-left: 5px; margin-left: 0px; color:#000; }
	#search input.submit { background:url(search.gif) 0 100% no-repeat; height:24px; padding:0; float:right; width:30px; border:0; }
	#search input.submit:hover { background:url(search.gif) 0px -1px  no-repeat; }
 
/* SLEVY A LOGA
------------------------------*/
.slevy { display:block; width:429px; left:479px; margin:0; padding:0; position:absolute; top:266px; }
.slevy p { color:#fff; display:block; float:left; margin:0 18px 5px 0; padding:0; font-weight:bold; font-size:1.1em; }
.slevy p span { color:#fff; font-weight:bold; }
.slevy p.postovne { margin:0 !important; padding:0; font-weight:normal !important; }

.loga { position:absolute; width:900px; height:110px; top:137px; left:8px; }
.loga a { display:block; float:left; text-indent:-9999px; }
a.pierre { width:320px; height:110px; }
a.miss { width:316px; height:110px; }
a.diesel { width:264px; height:110px; }

/* BOX - VYPIS
------------------------------*/		
	.box, .boxProc { width:180px; padding:0 12px; height:256px; background:url(box.png) no-repeat; float:left; margin:0 19px 19px 0; position:relative; font-size:0.9em; display:inline; }
	.boxProc { height:246px;  }
	
	#content .box h3, #content .boxProc h3 { 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:#000; font-weight:bold; text-decoration:none; text-transform:uppercase;  }
		.box h3 a:hover, .boxProc h3 a:hover { text-decoration:underline; }
	
	#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:190px; overflow:hidden; margin:0; padding:0 0 5px 0; background:url(box-ul.png) left bottom no-repeat; text-align:center;}
	#content .box ul li, #content .boxProc ul li { color:#898989; width:180px; padding:0 12px; height:25px; line-height:25px; background:none; margin:0; }
	#content .boxProc ul li { height:25px; line-height:25px; }
	#content .box ul li.cislo, #content .boxProc ul li.cislo { border-bottom:1px #ebecef solid; padding:3px 12px; }
	#content .box ul li.cena, #content .boxProc ul li .cena { font-weight:bold; color:#002a5c; font-size:1.7em; padding:5px 12px; }

/* 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 */
	span.stavNovinka, span.stavPripravujeme, span.stavVyprodej{
		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.stavPripravujeme { background: url(bg-box-pripravujeme-v2.gif) no-repeat 3px 0px; } 
	span.stavVyprodej { background: url(bg-box-vyprodej-v2.gif) no-repeat 2px 0px; }
	/* 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-right:20px; margin-top:10px; }
	.cervena { font-weight:bold; color:#ef4f91; }
	.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; font-size: 16px; }

/* PARTNEŘI
------------------------------*/		
	ul#partneri li h3 { font-size: 11px; margin:4px 0 0px 0!important; padding: 0; }
	ul#partneri { list-style: none!important; list-style-image: none!important; background: none;}
	ul#partneri li {margin:2px 0 0px 0;list-style: none!important; list-style-image: none!important; padding: 0; background: none; line-height: inherit; height: auto;}
	ul#partneri li p { font-size: 11px; margin:0px 0 0px 0!important; padding: 0; }
	
	
/* 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; }
.flevo { float:left; margin:4px 15px 10px 0; padding:5px;  }

/* 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:916px; padding-top:10px; background:url(footer.gif) no-repeat; position:relative; text-align:center; margin:0 auto; }
	#indian { width:201px; height:139px; top:-140px; left:10px; display:block; position:absolute; background:url(indian.gif) no-repeat; }
	#footer a { color:#00BDEC; text-decoration:underline; }
	#footer a:hover { color:#00BDEC; text-decoration:none; background:none; }
	#footer p { color:#898989; margin:0; padding:0 30px 15px 0; font-size:0.75em; }

/* 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:left; 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; 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; }

/* NÁHLEDY VÝROBKU
------------------------------*/
#nahledyVyrobku {text-align: center;}
.vsechnyVyrobky {color:#000!important; text-decoration: none; text-align:left; }
.vsechnyVyrobky:hover   {text-decoration: underline;}
.modraWeb {color:#00BDEC!important; background-color: #000; padding:3px 0 0 5px!important; margin: 15px auto 15px auto!important; height: 26px!important; width: 240px; text-align: center; vertical-align: middle!important;}
.tCenter {text-align: center!important;}
.tLeft {text-align: left!important;}
.tRight {text-align: right!important;}
.w100pr {width: 100%!important;}
.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;}