*{ margin:0px; padding:0px }
a {color:#414141;}
img{border:0px}
html{ width:100%;padding:0 0 10px 0;}
body{ width:1003px; margin:auto;font-family:century gothic;  background:#CCCCCC;}



#header{ float:left; font-family:century gothic; height:265px; margin:0 }
#header img{ float:left }
.header-link{ float:left; text-align:right; width:1003px; height:28px; background-image:url(images/dpm_04.jpg);
}
.header-link a{  text-decoration:none;  }

.header-link a span { color:#FFF; padding: 4px 15px 4px 15px; font-size:12px; background-image: url(images/dpm_03.jpg); background-repeat:no-repeat; text-decoration:none;height:28px;  }

.header-logo{ float:left; width:370px; height:237px; }
.header-logo1{ float:left; width:230px; height:237px; }
.header-logo2{ width:230px; height:145px; }
.header-logo3{ width:230px; height:92px; background:url(images/dpm_12.jpg); }
.header-logo3 p { padding: 7px; color:#FFFFFF; font-size:14px; line-height:17px;}
.header-logo3 p a { color:#FFFFFF; font-size: 12px; text-decoration:underline; line-height:14px; }
.header-logo4{ float:left; width:403px; height:237px; }


.menu{  margin:0;} 
.blok1,.blok2,.blok3,.blok4 { color:#FFFFFF; padding:0; float:left; }
.blok1 {width:211px; height:36px; background-image: url(images/dpm_13.jpg) ;}
.blok3 {width:211px; height:36px; background-image: url(images/vyrobci.jpg) ;}
.blok2 {width:183px; height:36px; background-image: url(images/dpm_20.jpg) ;}
.blok4 {width:211px; height:36px; background-image: url(images/vyrobci.jpg) ;}
.blok1 p,.blok2 p,.blok3 p,.blok4 p { padding:6px 10px 3px 10px}
.blok4 p a { color:#FFF;text-decoration:none;}
.blok4 p a:hover { color:#FFF;text-decoration:underline;}

.menu-link{ float:left; width:609px; height:36px; background: url(images/dpm_16.jpg); } 
.menu-link li {   display:inline;   margin:0; padding:0;  background:url(images/dpm_16.jpg);}

.menu-link a {float:left;background:url(images/dpm_14.jpg) no-repeat left top; margin:0;text-decoration:none;}
.menu-link a span {float:left;display:block; background:url(images/dpm_19.jpg) no-repeat right top; padding:6px 16px 6px 16px;  color: #FFF;}
.menu-link a:hover { text-decoration:underline;}
	
#content { margin:0; width:1003px; height:100%; float:left;background-image: url(images/link.gif);}

#left { margin:0; width:211px; height:auto; float:left;}

#main{ margin:0; width:608px; height:auto; float:left; background:#FFFFFF;}
#right { margin:0; width:183px;  height:100%;float:left;}

h1 { padding:5px 15px 3px 15px; font-size:22px; font-weight:lighter;}

.lmenu{  width:211px; background:#414141;font-family:century gothic; } 
.lmenu li { list-style:none; margin:0; border-bottom: 1px solid #FFFFFF; padding: 5px 10px;}
.lmenu li a { color:#FFF; margin:0; font-size:18px; text-decoration:none; display:inline;width:210px; height:36px; }
.lmenu li a:hover { color:#FFF; display:inline;margin:0; font-size:18px; text-decoration: underline; width:210px; height:36px; }

.vyhledavani{ width:210px; font-size:12px; padding:5px 0px 3px 0; width:auto;  height:40px; background:#414141; border-bottom:1px solid #FFFFFF;}
.vyhledavani input {  margin:5px 10px 3px 10px; width:auto;  }

.lreklama { padding:10px 0; width:210px; height:auto; float:left; border-bottom: 1px solid #FFFFFF; text-align:center; background:#FFF;}

.okraj { margin:0 0 5px 0; width:570px ; height:auto; float:left; color:#414141; font-size:13px; line-height:16px; }
.odsad { padding:20px; color:#414141; font-size:14px; line-height:16px; font-family:century gothic; }
.odsad li{ margin:0 20px;  }


.filtr         { float:left;height:29px; margin:5px 0;padding:0 15px 0 15px; display:inline;}
.filtr-pocet   { float:left; width:165px; font-size:11px; color:#414141; font-size:11px;}
.filtr-raz     { float:left; width:220px; font-size:11px; color:#414141;text-align:center; font-size:11px;}
.filtr-strana  {  float:right; width:190px; font-size:11px; color:#414141; text-align:right; font-size:11px;}
.filtr-strana a { text-decoration:none;color:#414141;font-size:11px;}
.filtr-raz a   { text-decoration:none; font-weight:bold;color:#414141;font-size:11px;}
a razeni-on { text-decoration:none; font-size:11px; color:#0099CC; font-weight:bold;font-size:11px; }

.kategorie-odkaz {    height:auto; float:left; margin:4px  15px; }
.kategorie-odkaz img { padding:10px; }
.kategorie-odkaz p { margin:0 0 5px 0; width:570px ; height:16px; float:left; color:#414141; font-size:13px; line-height:16px; border-bottom: 1px dashed #cc0000;}
.kategorie-odkaz a span { width:280px; height:16px; float:left; color:#414141; font-size:13px; line-height:16px;}


.paticka {  clear:left;   margin:15px 5px; font-size:11px; text-align:center;}
.paticka a{  color:#414141; font-size:11px; line-height:16px;}



.produkt { width:288px; height:auto; float:left; margin: 5px 3px 5px 7px;}
.produkt-obr {	position:relative;	width:150px;	height:151px; text-align: center; border: 2px solid #cc0000; float:left;}
.produkt-obr img{	height:150px;}
.produkt-img {		}
.produkt-info {	float:right; text-align:right; width:134px;  height:130px; background:url(images/dpm_26.jpg);}
.produkt-info p{ padding:7px; text-align:right; line-height:16px; font-size:12px; color:#414141;}
.produkt-info p span{ padding:7px 0px; text-align:right;  font-size:14px; font-weight:bold; color:#cc0000;}
.produkt-info a{  display:inline; padding:7px 0px; text-align:right; line-height:15px; font-size:12px; color:#414141;}
.produkt-tl {	float:right; width:134px; text-align:center;height:25px; background:url(images/dpm_31.jpg);}
.produkt-tl a{ line-height: 25px;padding:0 10px 0 10px; color:#FFFFFF; font-size:13px; text-decoration:none;}
.produkt-tl a:hover{ line-height: 25px; padding:0 10px 0 10px; color:#FFFFFF; font-size:13px; text-decoration:underline;}

.tl, .tr, .dl, .dr { position:absolute;}
.tl, .tr {	top:-2px;}
.dl, .dr {bottom:-2px;}
.tl {	left:-2px;	background: url(images/dpm_23.gif) left top no-repeat #fff;background-color:transparent;}
.tr {	right:-2px;	background: url(images/dpm_25.gif) right top no-repeat #fff;background-color:transparent;}
.dl {	left:-2px;	background: url(images/dpm_32.gif) left bottom no-repeat #fff;background-color:transparent;}
.dr {	right:-2px;	background: url(images/dpm_34.gif) right bottom no-repeat #fff;background-color:transparent;}
.tl, .tr {	width:11px;	height:11px;	font-size:0px;}
.tr{	width:10px;}
.dl, .dr{	width:11px;	height:10px;	font-size:0px;}
.dr{	width:10px;}







h1.detail      {padding:10px 0;color:#808080; font-size:18px;}

.detail-img    { margin:10px 3px 10px 3px; width:250px; float:left; text-align:center; vertical-align:middle;}
.detail-img img   {	height:250px;}
.detail img    {}
.detail-text   {width:350px; float:right; display:block; font-size:12px; text-align:left; font-family:arial;}

.detail-text div {float:left;display:block;width:120px;clear:left; padding:5px 0 0 0;}
.detail-text span{float:left;display:block;width:230px;font-weight:bold;}
.detail-text span a{color:#cc0000; font-weight:bold; text-decoration:underline;}

.detail-box        {width:250px;  padding:5px 0; clear:both; text-align:center;}
.detail-blok       {width:600px;  padding:5px 0 0 0; clear:both;}
.detail-pozn       {  padding:10px 15px; clear:both; font-size:12px; text-align:left; font-family:arial;}

.produkt-cena   {width:250px; height:20px; color:#cc0000;font-size:16px;  font-weight:bold; font-family:arial; padding:0 0 5px 0;}
.detail-box a {  padding:0 20px; width:70px;  height:19px; text-align:center; text-decoration:none; font-size:11px;  color:#414141; background-image: url(images/tlac1.gif); background-repeat:no-repeat; }

.produkt-par   {width:600px; height:20px; color:#414141; font-size:12px;text-align:left; }
.t  {float:left; width:120px; margin:0 15px;  height:20px; text-align:left; }
.c  {float:left; width:60px;  height:20px; text-align:right; margin:0 10px 0 0;}
.e  {float:left; width:50px;  height:20px; text-align:left; }
.detail-blok a { width:70px;  height:19px; text-align:center; text-decoration:none; font-size:11px;  float:left; color:#414141; background-image: url(images/tlac1.gif); background-repeat:no-repeat; }

.okraj {border-bottom:1px solid #CCCCCC;}





.ks{ margin:10px;}
.polozky { width:609px;}
.polozky td{ border-bottom:#808080 1px solid;font-size:12px;padding:7px 5px 4px 5px; font-family:arial}
.linkbox{ height:29px; background:url(../images/boxlink.jpg); padding:5px 0 0 0; background-repeat:no-repeat;}
.li1,.li2,.li3,.li4 { font-size: 12px; font-weight:bold; float:left;padding: 3px 0 0 0;font-family:arial}
.li1{ margin:0 10px;   width:75px;  text-align:right;}
.li2{ margin:0 10px; ;width:200px; }
.li3{ width:200px;   text-align:right;}
.li4{ width:301px; text-align:right;}
.li5{ width:600px; text-align:right;font-size:13px;}
.li5 p { font-family:arial}

.ks1{ text-align:right; padding:0 10px 0 10px;}
.ks1 a{ text-decoration:none; color:#414141;}

h4 { color: #414141; font-size:14px; padding: 0px 7px; clear:left;}

.platba{ margin:0 20px ; font-family:arial;}
.platba td{ padding:0 0 7px 0; font-size:12px;}



.nov_kos{ clear:left;width:550px; float:left; margin:0 0 0 15px; font-size:12px; text-align:right;}
.nov_kos p { text-align:left;}
.adres{ width:280px; float:left; margin:0 0 0 15px; font-size:12px; }
.adres div { width:80px; float:left; margin-top:5px; color:#000; padding:0 5px 0 5px; text-align:right;font-weight:bold; font-family:arial}
.adres input { width:170px; float:left;margin-top:5px; font-size:12px; }
.adres select{ width:170px; float:left;margin-top:5px; font-size:12px;}
.adres textarea { width:170px; float:left;margin-top:5px; font-size:12px; height:87px}

.post{ width:150px; height:auto;clear:both;float:left; margin:0 0 0 15px; font-size:12px; text-align:left; display:block; }
.post div{ width:100px; float:left; margin-top:5px; color:#000; padding:0 5px 0 5px; text-align:right;font-weight:bold; font-family:arial}
.post input{  width:30px; float:left;margin-top:5px; font-size:12px; }

.red{color:#cc0000;font-weight:bold;}
.green {color:green;font-weight:bold;}

.tl-zpet	 {  width:51px; height:17px;  background: url(../images/tl_zpet.jpg); background-repeat:no-repeat;		border:none; background-color:transparent; cursor:pointer; }
.tl-prepocitej	 {  width:80px; height:17px;  background: url(../images/tl_prepocitat.jpg); background-repeat:no-repeat;	border:none; background-color:transparent; cursor:pointer; }
.tl-objednat	 {  width:80px; height:17px;  background: url(../images/tl_objednat.jpg); background-repeat:no-repeat;	border:none; background-color:transparent; cursor:pointer; }
.tl-smaz	 {  width:80px; height:17px;  background: url(../images/tl_smazat_kosik.jpg); background-repeat:no-repeat;	border:none; background-color:transparent; cursor:pointer; }


.top { width:183px; height:auto; background:#FFF;text-align:center;border-bottom:1px solid #414141; border-left:1px solid #414141;}
.top-nazev a{  height:30px; display:block; font-size:12px; text-align:center; font-family:arial;}
.top-cena {  height:20px; display:block; font-size:12px; text-align:right; font-family:arial;color:#cc0000;}
.top-cena span{  padding:15px; color:#cc0000;}



#footer { padding:0; margin:0; clear:both; border:3px solid #FFFFFF; height:35px; }
#footer a{ color:#FFF; }
.foo{width:40%; float:left; font-size:10px; color:#FFFFFF; background:#cc0000;}
.foo p{ padding: 3px 5px; text-align:left;}
.foo-right{ width:60%; float:left; font-size:10px; color:#FFFFFF;background:#cc0000;}
.foo-right p{ padding: 3px 5px; text-align:right;}
.platba-doprava{font-size:12px;margin:30px 50px;}