* { margin:0; padding:0; outline:none; }
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-color:#919296; background-image: url(bg-tr.jpg); background-position: top center; background-repeat: no-repeat; 
	   color:#353535; line-height:1.6em; text-align:center; padding:0; margin:0; }
body.titul { background:#919296 url(bg.gif) repeat-x; }




/* GLOBAL
------------------------------*/
hr, .noscreen { display:none !important; }
.nobr { border:none !important; }
.nobg { background-image:none !important; }
.nowrap {white-space:nowrap;}

.vlevo { float:left; margin:6px 10px 10px 0; padding:4px; clear:right; }
.vpravo { float:right; margin:6px 0 10px 10px; padding:4px; clear:left; }
.center { text-align:center; }
.modra {color: #005AAB;}
.boldem {font-weight:bold;}

.zvyraznit { color:#F00 !important; }

.t-left { text-align:left !important; }
.t-right { text-align:right !important; }
.t-center { text-align:center !important; }
.f-right { float:right !important; }
.f-left { float:left !important; }
.foto-r { float:right !important; padding: 3px; margin: 0 0 5px 15px; }
.foto-r img { padding: 3px; border: silver 1px solid; background-color: #fff; }

/*.zvyrazneni { background:#CF413B; color:#fff; padding:3px 6px; box-shadow:1px 1px 1px #ddd; -webkit-box-shadow:2px 2px 2px #ddd; 
			  -moz-box-shadow:2px 2px 2px #ddd; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; text-shadow:1px 1px 1px #982A27;  }  */

input, select, textarea { font-size:1em; padding:2px; font-family:Arial, Helvetica, sans-serif;   }

.nom, .nomargin { margin:0 !important; }
.nomt { margin-top:0 !important; }
.nomb { margin-bottom:0 !important; }
.nomr { margin-right:0 !important; }
.nop { padding :0 !important; }
.nob, .nobr { border:0 !important; }
.nopt { padding-top:0 !important; }
.required {color:#005AAB!important; font-weight: bold;}
.mr10 { margin-right:10px !important; }
.ml10 { margin-left:10px !important; }
.nobold { font-weight: normal!important; }
.nowrap { white-space: nowrap!important; }

.wa { width:auto !important; }
.w80 { width:80px !important; }
.w100 { width:100px !important; }
.w110 {width: 110px;}
.w150 { width:150px !important; }
.w170 { width:170px !important; }
.w190 {width: 190px!important;}
.w200 { width:200px !important; }
.w300 { width:300px !important; }
.w540 {width: 540px!important;}
.w620 {width: 620px!important;}
.w100pr {width:100%;}
.winherit {width: inherit;}
.clear {float:none; clear: both;}

.vat, .vat td { vertical-align:top !important; }

/* TYPOGRAFIE
------------------------------*/
p { padding:0; margin:5px 0 12px 0; }

a { color:#005AAB; text-decoration:underline; outline:none; font-weight:bold; }
a:hover { color:#005AAB; text-decoration:none; }

h2 { font-size:2.0em; color:#005AAB; font-weight:normal; padding:8px 0 10px 0; margin:0; line-height:1.2em; }
h3 { font-size:1.5em; color:#005AAB; font-weight:bold; padding:10px 0 5px 0; margin:0; line-height:1.2em; }
h4 { font-size:1em; color:#005AAB; font-weight:bold; padding:0 0 2px 0; margin:15px 0 0 0; border-bottom:1px solid #e2e2e2; line-height:1.3em; }

ul { margin:0; padding:0 0 8px 18px; list-style:none; position:relative; }
ul li { padding:0 0 0 15px; font-size:1em; list-style:none; background:url(li.gif) 0 8px no-repeat; }
	ul ul { padding:0 0 8px 18px; }
ol { margin:0 0 8px 34px; padding:0; list-style:decimal; }
ol li { margin:0; padding:0; font-size:1em; }

.cena { white-space:nowrap !important; text-align:right; }

/* H1 REPLACE
------------------------------*/
#top h1, #top h1 a, #top h1 span, .logo-top { width:309px; height:73px; }
h1 { display:block; position:absolute; left:-15px; top:0; text-align:center; font-size:1em; overflow:hidden; }
	h1 a { text-decoration:none; overflow:hidden; padding:0; display:block; color:#fff; text-indent:-9999px; }
	h1 a span { display:block; position:absolute; top:16px; left:2px; cursor:pointer; background:url(logo-vv.gif) no-repeat;  }
	h1 a:hover span { cursor:pointer; }

.logo-top { position:absolute; top:-96px; left:0px; background:url(logo-vv.gif) no-repeat; display:block; cursor:pointer;  width:309px; height:73px;}
h2.goodPro a{ position:absolute; top:0px; left:720px; background:url(logo-gp.gif) no-repeat; display:block; width: 170px; height: 55px; cursor:pointer; }
h2.goodPro span { display:none; }


/* LAYOUT
------------------------------*/
#all { width:900px; margin:0 auto; padding:0px; text-align:left; position:relative; font-size:0.813em; line-height:1.6em; display:block; }
#alltop { width:100%; margin:0;  height:112px;  background: url(bg-top.jpg) #919296 top center; no-repeat;}
#top { width:874px; padding:0; margin:0 auto; height:112px; position:relative; }
#vpredVzad { width:128px; padding:0; margin:0; height:40px; }
.detailZpet {padding-left: 30px; padding-top: 8px; height:36px; display: block;float: left; background: url(zpet.gif) top left no-repeat; }   
.detailPredchudce {width: 36px; height:36px; display: block; float: right;background: url(predchozi.gif) no-repeat; }   
.detailDalsi {width: 36px; height:36px; display: block; float: right; background: url(dalsi.gif) no-repeat; }   
.detailText {padding-top: 8px; height:36px; display: block; float: right; }   

#malyTop { width: 870px; height: 214px; margin: 7px;}
#malyTopRight { width: 508px; float: left;}
#malyTopLeft, #malyTopLeftEN { width: 205px; display: block; height: 164px; background: url(maly-top-left-eshop.gif) no-repeat; float: left;}
#malyTopLeftEN {background: url(top-left.en.gif) no-repeat;} 
#malyTopLeft h1, #malyTopLeft h2,
#malyTopLeftEN h1, #malyTopLeftEN h2{ display: none;}
#malyTopEshopOff { width: 141px; display: block; height: 164px; background: url(eshop-off.gif) no-repeat; float: left;}
#malyTopEshopOff  a.prepniEshop { width: 141px; display: block; height: 41px; background: url(eshop-off.gif) no-repeat;}
#malyTopEshopOff  a.prepniEshop:hover { width: 141px; display: block; height: 41px; background: url(eshop-on.gif) no-repeat;}
#malyTopEshopOff  a.prepniEshop span { display: none;}
#malyTopEshopOn { width: 141px; display: block; height: 164px; background: url(eshop-on.gif) no-repeat; float: left;}
#malyTopEshopOn  a.prepniEshop { width: 141px; display: block; height: 41px; background: url(eshop-on.gif) no-repeat;}
#malyTopEshopOn  a.prepniEshop:hover { width: 141px; display: block; height: 41px; background: url(eshop-off.gif) no-repeat;}
#malyTopEshopOn  a.prepniEshop span { display: none;}

#stahnout { width: 251px; height: 55px; display: block; float: right; margin-right: 12px;}
#hledat { width: 231px; height: 45px; display: block; float: right; margin-right: 12px; background: url(hledat.gif); padding: 5px 5px 5px 10px; }
input.hodnota { width: 180px; margin-top:8px;}
input.hledej { width: 40px; height: 45px; right:18px; top:188px; position: absolute; /*border: blue 1px solid;*/}

/* KOSIK
------------------------------*/
#kosik { width:141px; height:65px; position:relative; color:#696969; padding:0; left:0px; top:54px; font-weight:bold;/* border: blue 1px solid;*/}
#malyTopEshopOn #kosik a { background:url(design.gif) 0 -339px no-repeat; color:#333; text-decoration:none; display:block; padding:0px 4px 0 4px; height:65px; width:141px; font-weight:bold; line-height:1.6em; font-size:1em; text-align:center; }
#malyTopEshopOff #kosik a { background:url(design.gif) 0 -339px no-repeat; color:#ccc; text-decoration:none; display:block; padding:0px 4px 0 4px; height:65px; width:141px; font-weight:bold; line-height:1.6em; font-size:1em; text-align:center; }
	#kosik a:hover { background:url(design.gif) 0 -430px no-repeat; margin:0; text-decoration:none !important; z-index:1000; }
	#kosik a span { font-size:1.1em; font-size:1.3em; }
   

	
.doKosiku, .doKosikuSm { position:relative; float:right; width:170px; padding:0px 0 0 0; font-size:1em; line-height:1.4em; }
.doKosiku form, .doKosikuSm form { position:relative; height:44px; margin:0 0 0 10px; }
.doKosikuSm form {height:31px;}
.doKosiku input.mnozstvi, .doKosikuSm input.mnozstvi { position:absolute; left:0; top:9px; width:25px; text-align:center; height:17px; margin:0; font-size:0.9em; border:1px solid #abadb3; display:block; }
.doKosiku form fieldset span, .doKosikuSm form fieldset span { margin:0; display:block; position:absolute; top:13px; left:39px; }
.doKosiku .detail-add-button { background:url(dokosiku.gif) 0 0px no-repeat  !important;overflow:hidden; width:103px; height:42px; padding:0; position:absolute; right:0; bottom:0; }
.doKosiku .detail-add-button:hover { background:url(dokosiku.gif) 0 -42px no-repeat  !important; }
.doKosikuSm input.mnozstvi { top:3px; }
.doKosikuSm form fieldset span { top:5px; left:39px; }
.doKosikuSm .detail-add-button-sm { background:url(dokosikusm.gif) 0 0px no-repeat  !important;overflow:hidden; width:103px; height:31px; padding:0; position:absolute; right:0; bottom:0; }
.doKosikuSm .detail-add-button-sm:hover { background:url(dokosikusm.gif) 0 -31px no-repeat  !important; }
.prepoctiKos { display:block; float:left; padding:0px; position:relative; width:70px;margin: 0;}
.prepoctiKosDelete { display:block; float:left; padding:0px; margin: 0!important; position:relative; width:20px;}
.prepoctiKosQuantity { display:block; float:right; padding:2px; margin:0 2px 0 10px!important; position:relative; top:2px !important; width:22px;text-align: right;}
.addOK { display:block; width:20px; top:-2px; position:relative; padding:0px; float:right; margin: 0!important; }
form.prepoctiKosDelete input {margin: 0; padding: 0;}
.delete { display:block; width:20px; padding:0px; top:2px !important; margin: 0!important; position:relative; }
.suplierForm th, .suplierForm tr, .suplierForm td { padding: 0!important; margin: 1px!important; border: none!important; vertical-align: top;}
.suplierForm th { width: 180px!important;}
.dopravaSlovensko { background-color: #F0F0F0; margin: 10px 0 0 0;}

.tlacitko { width:151px; height:33px; display:block; color:#fff; padding:10px 0px 0 0px; font-weight:bold;  margin:5px 0 0 15px; text-align: center;}
.nad-oranzova a,
.nad-zelena a{ color: white!important; text-decoration: none!important; display:block; width:154px;}
.nad-oranzova a:hover,
.nad-zelena a:hover{ color: black!important;}
.nad-cervena { background:url(tlacitka.jpg) -0px -0px no-repeat; }
.nad-modra { background:url(tlacitka.jpg) -0px -104px no-repeat; }
.nad-modra:hover{ background:url(tlacitka.jpg) -190px -130px no-repeat; }
.nad-oranzova { background:url(tlacitka.jpg) -0px -0px no-repeat; }
.nad-oranzova:hover{ background:url(tlacitka.jpg) -00px -42px no-repeat;}
.nad-zelena { background:url(tlacitka.jpg) -0px -0px no-repeat; }
.nad-zelena:hover{ background:url(tlacitka.jpg) -0px -42px no-repeat;}




#content{ width:870px; position:relative; text-align:left; margin:0; padding:15px; background-color: #fff; }
#myBody{ width:860px; position:relative; text-align:left; margin:5px; padding:0px; background-color: #fff!important; }
#container { width:874px; position:relative; text-align:left; margin:0; padding:0 0 00px 0;  }

#vyhodyGoodPRO {width:100%; height:258px;}
#vyhodyGoodPRO h3 { width: 62px; height:258px; background: url(vertikal-GoodPRO.gif) no-repeat transparent; float:left; }
#vyhodyGoodPRO h3 span { display:none; }
#vyhodyGoodPRO ul { float: left; margin-left:100px; vertical-align:middle; }
#vyhodyGoodPRO ul li { list-style-image:url(li-goodpro.gif); line-height:38px; font-size: 1.2em; font-weight:bold; background:none; }
#vyhodyGoodPRO img {float: right; }

/* MENAVKA
------------------------------*/
/*body.titulka { background-color:#EAE9E3; background-image: url(bg.gif) repeat-x; }*/
#platno { width:508px; height:164px; overflow:hidden; float: left;}
	#platno div { width:508px; height:164px; overflow:hidden;  }
	
	
/* TOPMENU
------------------------------*/
.topmenu { text-align:right!important; width:900px; color:#fff; margin:0; padding:0; position:absolute; right:8px; top:-38px; height:14px; line-height:14px; }
.topmenu div { float: right; }
/*	.topmenu a { background:url(topmenu-li.gif) left no-repeat; padding:0 10px; margin:0; display:block;  float:right;
				 color:#fff; text-decoration:none; font-size:13px; font-weight:bold; height:40px; line-height:40px; }
	.topmenu a:hover { color:#fff; text-decoration:underline; }
	.topmenu a { background:url(topmenu-li.gif) left no-repeat; position:relative; padding:0 13px; margin:0; display:block; color:#fff; text-decoration:none; font-size:13px; text-align:center; font-weight:bold; height:40px; line-height:40px; }
	.topmenu a:hover { color:#fff; text-decoration:underline; }*/
.topmenu img {top:3px; position:relative;}
	
/* IKONY
------------------------------*/
#mailIkonsOOP { text-align:left;  padding:0; line-height:18px;  width:865px; color:#fff; margin:10px 0 0 0; min-height: 220px; background: #fff; position: relative; } 
#mailIkonsOOP ul { list-style: none; margin: 0; padding: 0; }
#mailIkonsOOP ul li { list-style: none; list-style-type: none; display: block; width: 158px; height: 233px; float: left; 
				  margin: 0; padding: 0; margin: 0 17px 25px 0; background: none; }
#mailIkonsOOP ul li a { list-style: none; list-style-type: none; font-weight: bold; display: block; width: 146px; height: 233px; float: left; vertical-align: middle; 
				  color: #111111; text-decoration: none; z-index: 100;  
				  margin: 0; padding: 3px 3px 8px 8px; margin: 0 15px 25px 0; background: url(li-oop-modra.jpg) no-repeat top left; }
#mailIkonsOOP ul li a:hover { background: url(li-oop-modra.jpg) no-repeat -158px 0; text-decoration: underline; padding: 4px 3px 7px 8px;}
#mailIkonsOOP ul li.modra a { background-image : url(li-oop-modra.jpg) }
#mailIkonsOOP ul li.zluta a { background-image : url(li-oop-zluta.jpg) }
#mailIkonsOOP ul li.seda a { background-image : url(li-oop-seda.jpg) }
#mailIkonsOOP ul li.oranz a { background-image : url(li-oop-oranz.jpg) }

#mailIkonsOOP ul li.ikonaNovinky a { list-style: none; list-style-type: none; display: block; width: 104px; height: 74px; float: left; vertical-align: middle; color: #fff; text-decoration: none; font-weight: bold;
				  margin: 0; padding: 3px 3px 8px 3px; margin: 0 15px 25px 0; background: url(bg-red-pdf.gif) no-repeat top left; }
#mailIkonsOOP ul li.ikonaNovinky a:hover { background: url(bg-red-pdf-over.gif) no-repeat top left; text-decoration: underline;}

.ikonaOOP { background: transparent no-repeat top left; text-align: center; z-index: 5;
			   display:block; position: relative; left: -5px; top:0px; width: 150px; height: 140px; margin-left: 0px; margin-bottom : 4px;}
 span.ikonaOOP { width: 150px; height: 140px; overflow: hidden;}
.i-rukavice { background-image:  url(i-rukavice.gif)}
.i-odevy { background-image:  url(i-odevy.gif)}
.i-strihy { background-image:  url(i-strihy.gif)}
.i-postrik { background-image:  url(i-postrik.gif)}
.i-hasici { background-image:  url(i-hasici.gif)}
.i-pradlo { background-image:  url(i-pradlo.gif)}
.i-technologie { background-image:  url(i-technologie.gif)}
.i-novinky { background-image:  url(i-novinka.gif)}
.i-ostatni { background-image:  url(i-ostatni.gif)}
.i-podminky { background-image:  url(i-podminky.gif)}
	
/* VÝPIS
------------------------------*/
.vypis { background-color:#f6f6f3; position:relative; width:874px; height:138px; margin:8px 0 3px 0; }
.first { background-color:#ffffff; }
.vypis h3 { font-size:1.5em; padding:7px 0 3px 0; }
.vypis h3 a { text-decoration:none; }
.vypis h3 a:hover { text-decoration:underline; }
.vyp-foto { width:160px; height:120px; position:absolute; top:9px; left:9px; float:left; }
.vyp-foto a { width:160px; height:120px; }
.vyp-text { width:678px; height:120px; position:absolute; top:9px; right:9px; float:right; overflow:hidden; }
.vyp-text p { line-height:1.5em; }
.vyp-text h3 { padding:0px 0 3px 0!important; margin:-3px 0 0 0!important; }

/* NÁHLEDY VÝROBKŮ
------------------------------*/
.nahled { float:left; width: 158px; min-height: 210px; text-align:center; margin-right:13px; margin-bottom:20px; padding-bottom:4px; background-color: #fff; cursor:hand; border: silver 1px solid;  position: relative; }
.nahled .obr { background: transparent no-repeat top left; text-align: center; line-height:140px;
            display:block; width: 150px!important; height: 140px!important; margin-left: 0px; margin-bottom : 4px;}
.nahled .stavNovinka { background: url(stav-novinka.gif) top left; display:block; width: 75px!important; height: 20px!important; position: absolute; top:0px; right: 0px;}
.nahled .stavNadrozmer { background: url(stav-nadrozmer.gif) top left; display:block; width: 149px!important; height: 20px!important; position: absolute; top:0px; right: 0px;}
.nahled .stavVyprodej { background: url(stav-vyprodej.gif) top left; display:block; width: 75px!important; height: 20px!important; position: absolute; top:0px; right: 0px;}
.nahled .stavDoprodej { background: url(stav-doprodej.gif) top left; display:block; width: 217px!important; height: 20px!important; position: absolute; top:0px; right: 0px;}
.nahled .stavDoporucujeme { background: url(stav-doporucujeme.gif) top left; display:block; width: 149px!important; height: 20px!important; position: absolute; top:0px; right: 0px;}
.nahled .obr img { border:none; cursor:hand; max-height: 140px; vertical-align:middle; }
.nahled .obr span { position:absolute; background:url(../design/fl.gif) no-repeat; bottom:0px; right:0px; width:85px; height:128px; cursor:hand;}
 a .nahled,.nahled a { color: #333; text-decoration: none; font-size: 0.9em; }
/* stavy */
.nahled .obr span.stavShop {
   width:150px; height:140px; background:url(ikona-shop.png) no-repeat bottom right; display:block;
   position:relative; top:-140px; left:0; z-index:200; }

.nahledTopTen { width: 125px; text-align:center; margin-bottom:20px; cursor:hand!important;}
.nahledTopTen a{ color: #0075A2; text-decoration: none; }
.nahledTopTen a:hover{ text-decoration: underline; }
.nahledTopTen .obr{ position:relative; text-align: center; margin-bottom:10px; margin-top:10px; padding-left:10px; cursor:hand!important; }
.nahledTopTen .obr img { border:1px solid #2f3636; cursor:hand!important; }
.nahledTopTen .obr span { position:absolute; background:url(../design/fl.gif) no-repeat; bottom:0px; right:0px; width:85px; height:128px; z-index:100; cursor:hand!important; }

.prehled_ul { margin:15px; padding:0; }
	
.foto-l { position:relative; float:left; clear:both; margin-bottom:10px; margin-top:10px; padding-right:25px; }
.foto-l img { border:1px solid #2f3636;	}
.foto-l span { position:absolute; background:url(../design/fr.gif) no-repeat; top:11px; left:-3px; width:85px; height:128px; z-index:100; }
.foto-radek { float:none; clear:both; margin-bottom:10px; }


/* HLAVNI ZALOZKY
------------------------------*/
.zalozky { width:874px; float:left; margin:0 0 10px 0; }

	ul.tabs { margin:20px 0 0 0; padding:0; list-style:none; border:0; }
		ul.tabs li { margin:0; padding:0; list-style:none; float:left; border-right:3px solid #eae9e3; }
		ul.tabs li a { background:#f6f6f3; padding:7px 12px; text-align:center; display:block; float:left; text-decoration:none; color:#353535; }
		ul.tabs li a:hover { background:#cc0000; color:#fff; text-decoration:none; }
		ul.tabs li a.current { background:#fff; text-decoration:none; color:#000; }
	
	.tab { background:#fff; padding:12px 20px; }
		.tab h2 { font-size:1.2em; color:#111; font-weight:bold; padding:8px 15px 8px 0; margin:0; line-height:1.3em; }
		
	#t2 { padding:12px 12px 2px 12px !important; }
	.tab-fotogalerie a { height:117px; margin:0 10px 10px 0; border:1px solid #aaa89f; display:block; float:left; }
	.tab-fotogalerie a:hover { border:1px solid #353535; }
	
	.sloupec1 {
		float:left;
		width: 450px;
		background: none; 
	}
	
	.sloupec1 ul,
	.sloupec1 ul li {
		width: 450px; margin:0; padding:2px 0;
		background:none;
	}
	
	.sloupec2 {
		width: 340px;
		float:left;
	}
	.sloupec2 ul,
	.sloupec2 ul li {
		width: 340px; margin:0; padding:2px 0;
		background:none;
	}		
	.sloupec1 ul li span, .sloupec2 ul li span{
		font-weight: bold;
		display:block;
		float:left;
		width:180px;
		}
	.sloupec1 ul li em, .sloupec2 ul li em{
		font-style: normal;
		margin-left:2px;
		list-style:none;
		text-align: justify;
	}

	
	/* TEXT
------------------------------*/
#text {
	width:834px;   /* 874 */
	margin:0 auto; position:relative; clear:both;
	}
#text table {
	border-collapse: collapse;
	background-color:#D9D4CB;
	border-top:1px solid #EAE9E3;
	border-left:1px solid #EAE9E3;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#333333;
	width: 834px; /* 874 */
	margin: 0;
	}
#text table td, #text table th {
	border-bottom:1px solid #EAE9E3;
	border-right:1px solid #EAE9E3;
	padding:2px 3px;
	font-weight:bolder;
	}
#text table th a {
	color:#FFFFFF;
	text-decoration:underline;
	}
#text table th a:hover {
	color:#000;
	text-decoration:none;
	}

#text table th {
	background-color:#aaa89f;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	}
	
.mark {

}

.mark_over {
	background-color: #B9B0A8;
}
/*
ul.vyrobekLine { list-style: none; clear: both ;margin: 0!important;padding: 0!important; }
ul.vyrobekLine li{ float: left!important;; background-image: none; margin: 0!important; padding: 0!important;;}
ul.vyrobekLine li.popiska { font-weight: bold; width: 180px!important; }
ul.vyrobekLine li.hodnota { width: inherit; border: blue 1px solid;}

vyrobekLine2 { }
vyrobekLine2 span { font-weight: bold; width: 180px!important; }*/

#vyrobek-detail{ margin-top:16px;  float:left}

ul.vyrobekLine {padding:0 0px; margin:0.5em 00px 0.5em 0; list-style:none; /**/width:870px}
ul.vyrobekLine li{/* */ padding:0 0px; margin:0.5em 0 0.5em 0em; list-style:none; background-image: none;}
ul.vyrobekLine li{}

ul.vyrobekLine li span{ font-weight:bold;  display:block;  float:left;  width:180px}
ul.vyrobekLine li em{ font-style:normal;  margin-left:2px; list-style:none; text-align:justify}

/* STRANKOVANI
------------------------------*/
p.list {
	font-size:9px; text-align:right; margin:10px 0 0 0;
	}
p.list a {
	border:1px solid #8c8a80;
	padding:2px 6px;
	background-color:#aaa89f;
	text-decoration:none;
	color:#F6F6F6;
	}
p.list a:hover,
p.list a.selected {
	border:1px solid #cc0000;
	background-color:#cc0000;
	text-decoration:none;
	color:#fff;
	}

/* DROBKY
------------------------------*/
#drobky { position:absolute; top:192px; left:21px; z-index:1; width: 540px; text-indent: -59px; margin: 0px; margin-left: 59px; display:block; padding:0; 
		  color:#353535; font-size:0.90em; }
	#drobky a { color:#005AAB; text-decoration:underline; }
	#drobky a:hover { color:#005AAB; text-decoration:none; }
	#drobky strong a { font-weight:normal; }

/* FOOTER
------------------------------*/
#footer-container { background:#919296 url(footer.jpg) 50% -17px no-repeat; width:100%; margin:0 auto; }
#footer { width:848px; height:50px; overflow:hidden; padding:0 18px; margin:0 auto; position:relative; }
	#footer p { overflow:hidden; color:#353535; line-height:40px; font-size:0.75em; text-align:left; }
	#footer p a { color:#353535; text-decoration:underline; font-weight:bold }
	#footer p a:hover { color:#353535; text-decoration:none; }
	
	.footer-logo a { position:absolute; width:215px; height:16px; top:0; right:7px; background:url(--logo.gif) no-repeat; text-indent:-9999px; }
	
/* CLEARFIX
------------------------------*/
.clear { display: block; clear:both; float: none;}
.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%; }

