/*obecne*/
body {background: #eff0f1; text-align: center;	font-family: Arial, sans-serif;
	   color: #494949; padding: 0; font-size: 100%;	margin: 0;}
		
#body {background: #eff0f1 url(../images/pozadi.jpg) repeat-y center}
		
#main {background: #FFF; width: 1000px; padding: 0px; margin: -11px auto 0px auto; _margin: 0px auto 0px auto;
	    font-size: 0.7em;	text-align: justify;	line-height: 0.9;}

hr {height: 1px; margin: -1px 0 0 0; padding: 0; border: #EEEEEE; visibility: hidden;
    clear: both;}
hr.cleaner2 {clear: right}

img {border: none;}
input {border: none; cursor: hand}

a {cursor: pointer;  _cursor: hand; text-decoration: none;}


/*hlavicka*/
#hlavicka {position: static; background: #71777b url(../images/hlavicka-podklad.jpg) repeat-x; padding: 0px; 
           width: auto; margin: 0px; height: 45px; text-align: left; font-size: 10px; color: #FFF}

#hlavicka .center-h {position: relative; padding: 8px 12px 8px 12px; width: 976px; margin: auto; height: 45px; text-align: left}

#head1 {background: #FFF url(../images/head1.jpg) right top no-repeat; padding: 0 0 0 0; width: 1000px; margin: 0px auto; height: 181px; position: relative; _margin-top: -16px}
#head2 {background: #FFF url(../images/head2.jpg) right top no-repeat; padding: 0 0 0 0; width: 1000px; margin: 0px auto; height: 181px; position: relative; _margin-top: -16px}
#head3 {background: #FFF url(../images/head3.jpg) right top no-repeat; padding: 0 0 0 0; width: 1000px; margin: 0px auto; height: 181px; position: relative; _margin-top: -16px}
#head1kamen {background: #FFF url(../images/head-kamen1.jpg) right top no-repeat; padding: 0 0 0 0; width: 1000px; margin: 0px auto; height: 181px; position: relative; _margin-top: -16px}
#head2kamen {background: #FFF url(../images/head-kamen2.jpg) right top no-repeat; padding: 0 0 0 0; width: 1000px; margin: 0px auto; height: 181px; position: relative; _margin-top: -16px}
#head3kamen {background: #FFF url(../images/head-kamen1.jpg) right top no-repeat; padding: 0 0 0 0; width: 1000px; margin: 0px auto; height: 181px; position: relative; _margin-top: -16px}

div#best {right: 0px; top:120px; padding: 0; position: absolute;
          width: 259px; height: 34px; background: url(../images/head-best.gif) right top no-repeat;
			 filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;-khtml-opacity: 0.75;}
div#best span {position: absolute; top: 2px; right: 21px; font-size: 24px; color: #fff; font-weight: bolder;  ;  letter-spacing: 0.06em; }

div#logo {left: 18px; top:15px; padding: 0; float: left; font-size: 1em; position: relative;
          width: 219px; height: 165px; overflow: hidden;}
div#logo a {color:#fff;}
div#logo-pl {padding: 0; float: left; font-size: 1em;  position: relative;
             width: 226px; left: 15px; height: 166px; overflow: hidden}

div#logo span {display:  block; position:absolute; left: 0; top: 0; z-index: 1;
               width: 219px; height: 165px; margin: 0; padding: 0; color: transparent;
               background: url(../images/logo.jpg) top left no-repeat; _cursor: hand;}
div#logo-pl span {display:  block; position:absolute; left: 10px; top: 7px; z-index: 1;
               width: 226px; height: 166px; margin: 0; padding: 0; color: transparent;
               background: url(../images/logo-pl.jpg) top left no-repeat; _cursor: hand;}
					
div#lang {position: absolute; top: 5px; right: 12px;}
div#lang a {display: block; float: right; overflow: hidden; position: relative; width: 16px;
            height: 11px;  margin: 0 0 0 10px; padding: 0;}
div#lang a span { position: absolute; top: 0; left: 0; width: 16px; height: 11px; display: block;
                  filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1 ;-khtml-opacity: 1;}
div#lang a#cz span {background: transparent url(../images/vlajka-cz.gif) 0 0 no-repeat}
div#lang a#sk span {background: transparent url(../images/vlajka-sk.gif) 0 0 no-repeat}
div#lang a#pl span {background: transparent url(../images/vlajka-pl.gif) 0 0 no-repeat}
div#lang a#en span {background: transparent url(../images/vlajka-en.gif) 0 0 no-repeat}
div#lang a#de span {background: transparent url(../images/vlajka-de.gif) 0 0 no-repeat}
div#lang a#it span {background: transparent url(../images/vlajka-it.gif) 0 0 no-repeat}
div#lang a#fr span {background: transparent url(../images/vlajka-fr.gif) 0 0 no-repeat}
div#lang a#sp span {background: transparent url(../images/vlajka-sp.gif) 0 0 no-repeat}
div#lang a#cr span {background: transparent url(../images/vlajka-cr.gif) 0 0 no-repeat}
div#lang a#lo span {background: transparent url(../images/vlajka-lo.gif) 0 0 no-repeat}
div#lang a#li span {background: transparent url(../images/vlajka-li.gif) 0 0 no-repeat}

div#hledat {background: url(../images/head-lupa.gif) right no-repeat; float: right; margin: 0 0 0 0; position: absolute; top: 20px;
            right: 12px; padding: 0 14px 0 0; color: #FFF;}
input#search {background: #b6b7ba; color: #FFF; width: 154px;
              font-size: 10px; margin-right: 4px; border: 1px solid #000}
input#search:focus {border: 1px solid #eeeeee;}

#linka {position: relative; width:100%; height: 2px; background: #FFF url(../images/head-linka-a.gif) repeat-x;}
#linka .linka-vypln {margin: 0px auto; width:1000px; height: 2px; background: #909498 url(../images/head-linka-b.gif) repeat-x;}
  
#menu {position: relative; text-align: center; margin: 0px auto; padding: 0px 2px; width:996px; height: 36px; background: #393939 url(../images/head-menu-podklad.jpg) no-repeat center;}
#menu a {position: relative; padding: 9px 33px 14px 33px; _padding: 7px 33px 12px 33px; height: 13px; display: block; background: #393939 url(../images/head-menu.gif) repeat-x; float: left;	text-decoration: none;	font-size: 15px;	color: #FFFFFF;}
#menu a span {position: absolute; left:0px; top: 0px; padding: 9px 33px 14px 33px; _padding: 7px 33px 12px 33px; height: 13px; display: block; text-decoration: none; font-size: 15px;	color: #FFFFFF; background: #c73c05 url(../images/head-menu-a.gif) repeat-x;}
#menu a.active{background: #db8d1d url(../images/head-menu-m.gif) repeat-x;}
#menu .delici-linka {position: relative; float: left;	width:2px; height: 36px; background: #393939 url(../images/head-menu-deleni.gif) no-repeat;}

/*levy sloupec*/
#left {position: relative; width: 200px;	float: right; margin: 10px 10px 0px 10px;	_margin: 10px 10px 0px 0px; padding: 0px;}
#left .ram-a fieldset {position: relative; left: -200px; _left: 0px; top: 10px; padding: 0; margin: 0; background: none; border-style: none; border-collapse: collapse;}
#left .ram-a fieldset.oprava {position: relative; left: 0px; top: 10px; padding: 0; margin: 0; background: none; border-style: none; border-collapse: collapse;}


					 
#left ul {margin: 0; padding: 3px 0px; text-decoration: none; color: #585858; font-size: 12px; list-style: none; text-transform: lowercase }
#left ul ul {margin: 0px;  padding: 0px 0; text-decoration: none;}
#left ul li a {margin-left: 0px; padding: 3px 10px 5px 32px; display: block; color:#676767; background: url(../images/left-sipka-a.gif) no-repeat bottom left; }
#left ul li a.akatalog {background: url(../images/left-sipka-b.gif) no-repeat bottom left; }
#left ul li a:hover {background: url(../images/left-sipka-a-a.gif) no-repeat bottom left; }
#left ul ul li a {margin: 0 px; padding: 3px 5px 5px 41px; display: block; color:#676767; background: url(../images/left-sipka-c.gif) no-repeat bottom left; }
#left ul ul li a.akatalog {background: url(../images/left-sipka-c-m.gif) no-repeat bottom left; }
#left ul ul li a:hover {background: url(../images/left-sipka-c-a.gif) no-repeat bottom left; }


#left .ram-a {width: 200px; height: auto; margin: 0px 0px 10px 0px;	padding: 0px 0px 7px 0px; background: #eeeeee url(../images/left-ram-a.jpg) repeat-x top; text-align: left;}
#left .ram-a img {width: 180px; height: auto; margin: 0px 10px;	padding: 0px 0px 0px 0px; text-align: center;}
#left .ram-a h2 {color: #FFF; font-size:16px; font-weight: normal; margin: 0px 4px 26px 30px; padding: 7px 0 0 26px; }
#left .ram-a h3 {font-size:16px; font-weight: normal; margin: 0px 4px 8px 12px; padding: 0px; line-height: 1.2; }
#left .ram-a h3 a {color: #717171 }
#left .ram-a p {font-size:14px;}
#left .ram-a h2 a {color: #FFF}
#left .ram-a h2 a:hover {color: #d68c05;}
#left .ram-a h2.vyber-produktu {background: url(../images/left-vyber-produktu.jpg) no-repeat 0px 7px;}
#left .ram-a h2.nahodny-produkt {margin: 0px 4px 26px 20px; background: url(../images/left-nahodny-produkt.gif) no-repeat 0px 7px;}
#left .ram-a h3.nahodny-produkt {margin: 0px 4px 5px 16px; color: #717171;}
#left .ram-a h2.akce-veletrhy {margin: 0px 4px 26px 30px; background: url(../images/left-akce-veletrhy.jpg) no-repeat 0px 7px;}
#left .ram-a h2.login {margin: 0px 4px 26px 60px; background: url(../images/left-login.gif) no-repeat 0px 7px;}
#left .ram-a h2.kamenictvi {font-size: 14px; padding-left: 0px; margin-left: 10px}
#left .ram-a h2.nasekamenictvi {margin: 0px 4px 26px 25px; background: url(../images/favicon-k.gif) no-repeat 0px 7px;}
#left .ram-a select {width:180px; height:21px; font-size:13px; font-weight: normal; margin: 3px 10px 6px 10px; background: #f7f5f6; border: 1px solid #a8a4a5; padding: 0px; text-transform: lowercase;}
#left .ram-a label {font-size:12px; font-weight: normal; margin: 0px 10px 0px 10px; text-align: left;}
#left .ram-a em {color:#ee1c25;  font-weight: bold;}
#left .ram-a em.datum {color: #4e4e4e;  font-weight: normal; font-size: 11px}
#left input {position: relative; left: 21px; width:140px; height:25px; font-size:12px; font-weight: normal; margin: 8px; background: #e6e6e6 url(../images/vyber-n.gif) no-repeat -1px -1px;; border: 1px solid #a8a4a5; text-transform: uppercase; }
#left .logina {background: #e6e6e6 url(../images/left-klic.gif) no-repeat -1px -1px;}
#left .logina:hover {background: #e6e6e6 url(../images/left-klic-a.gif) no-repeat -1px -1px;}
#left input:hover {background: #e6e6e6 url(../images/vyber-a.gif) no-repeat -1px -1px; cursor: hand;}
#left .input_cena {position: relative; left: 2px; width:174px; height:16px; font-size:13px; font-weight: normal; margin: 2px 8px 8px 8px ; background: #f7f5f6; border: 1px solid #a8a4a5; text-transform: none; padding-left: 3px }
#left .input_cena:hover {background: #FFF; cursor: auto}
#left .input_cena:focus {border: 1px solid #4e4e4e; cursor: auto}


#left .ram-a h3.login {margin: 0px 4px 10px 16px; }
#left .ram-a em.login {padding: 5px 5px 5px 27px; margin: 0px 5px 10px 5px; color:#EEE; font-style: normal; border: 1px solid #f8f8f8; display: block;  background: #4e4e4e url(../images/kosik.png) no-repeat 5px 2px;  }
#left .ram-a ul.kamenictvi {margin: 0px 10px 0px 12px;	padding: 0px 0px 3px 0px;}
#left .ram-a ul.kamenictvi li{list-style: disc; margin-left: 9px; font-size: 11px}
#left .ram-a ul.kamenictvi li a {list-style: disc; margin: 0px; padding: 0px; font-size: 11px; background: none}
#left .ram-a ul.kamenictvi li a:hover {color: #9c3424; text-decoration: underline}

#left .nk  {display: block ;position:relative; width:200px; height:185px; }
#left .nk  span {left: 0; top: 0; position: absolute;  width: 200px; height: 183px; background: url(../images/left-kamenictvi.jpg) no-repeat;}


#left .ram-a p {margin: 0px 10px 3px 12px;	padding: 0px 0px 9px 0px;}
#left .ram-a p a {font-size: 13px; color: #676767;  margin: 0px 0px 10px 0px;	padding: 0px 0px 9px 0px;}
#left .ram-a p a:hover {color: #9c3424;}

#left .ram-a h2.objednavka {margin: 0px 4px 26px 21px; padding: 7px 0 0 30px; background: url(../images/karta.gif) no-repeat 0px 7px;}
#left .ram-a table {margin: -15px 0px 0px 0px;	padding: 0px; width: 200px}
#left .ram-a tr {font-size: 9px; line-height: 10px;}
#left .ram-a td {padding: 5px; margin: 0px}
#left .ram-a .tmava td {background: #dbdbdb;}



#left ul.domtabs {position: relative; left: 0px; top:-19px ;float:left; width:100%; margin:0; list-style:none; padding:0px; _margin:1px 0 0 0}
#left ul.domtabs li{float:left}
#left ul.domtabs a {width:56px; height:12px; padding: 1px 3px 8px 40px; _padding: 2px 27px 1px 50px; display:block; background: url(../images/left-filtr.jpg); color:#FFF; text-decoration:none; font-weight:bold;}
#left ul.domtabs a.left-rady {width:56px; height:12px; padding: 1px 3px 8px 40px; _padding: 2px 27px 1px 50px; _margin: 0px; display:block; background: url(../images/left-rady.jpg);}
#left ul.domtabs a.left-filtr {width:2px; height:12px; padding: 5px 0px 4px 0px; _padding: 2px 0px 1px 0px; _margin: 0px; display:block; background: url(../images/left-filtr-deleni.jpg);}
#left ul.domtabs a:hover {background: url(../images/left-filtr-a.jpg);}
#left ul.domtabs a:hover.left-rady {background: url(../images/left-rady-a.jpg);}
#left ul.domtabs li.active a {background:#000 url(../images/left-filtr-m.jpg);} /* active */
#left ul.domtabs li.active a.left-rady {background:#000 url(../images/left-rady-m.jpg);} /* active */

#left .ram-a .nase-sluzby-cz {width: 200px; height: 168px; margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px; background: #eeeeee url(../images/krby-na-klic-cz.gif) no-repeat top; text-align: left;}
#left .ram-a .nase-sluzby-pl {width: 200px; height: 168px; margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px; background: #eeeeee url(../images/krby-na-klic-pl.gif) no-repeat top; text-align: left;}

/*prostredek*/
#center {position: relative; font-size: 1.1em; width: 780px; margin: 8px 0px 0px 0px; float: right; padding: 0px}
#center .index-0-1 {position: relative; width: 750px; height:342px; margin: 0px 0 0 0; padding: 5px 10px; background: url(../images/center-text-0-1.jpg) no-repeat; font-size: 9px}
#center .index-1-1 {position: relative; width: 750px; height:342px; margin: 0px 0 0 0; padding: 5px 10px; background: url(../images/center-text-1-1.jpg) no-repeat; font-size: 9px}
#center .index-0-1 .text, #center .index-1-1 .text {position: absolute; width: 280px; height:342px; right:12px; top:25px}
#center .index-0-1 h2, #center .index-1-1 h2 {font-size: 14px; color: #320000; padding: 0 15px 0 15px; margin: 0 0 2px 0; background: none;  font-weight: normal; line-height: 1.2 }
#center .index-0-1 h2 span, #center .index-1-1 h2 span {font-size: 8px; color: #320000}
#center .index-0-1 h3, #center .index-1-1 h3 {font-size: 13px; color: #320000; padding: 0 15px 0 15px; margin: 0 0 2px 0; background: none}
#center .odkaz {color: #320000; line-height: 1.1; text-decoration: none}
#center .index-0-1 .krby {position: absolute; left: 20px; bottom: 10px}
#center .index-0-1 .krby h3 {position: relative; float: left; width: 96px; height:45px; margin: 0px 17px 0px 0px; padding: 16px 10px 16px 10px; font-size: 12px; text-transform: uppercase; line-height: 1.4; background: url(../images/center-text-ram.gif) 0px 5px no-repeat; text-align: center;}
#center .index-0-1 .krby h3 a {display: block; width: 96px; height:50px; margin: 0px; padding: 0px; text-decoration: none; color: #fff}
#center .index-0-1 .krby h3:hover {background: url(../images/center-text-ram.gif) top no-repeat; padding: 11px 10px 16px 10px; height:50px}
	 
#center p, li {line-height: 1.5;}
#center ul, #center ol {margin: 0 0 6px 24px; padding: 0;}
#center ol {margin-left: 32px}
#center ol li {margin: 0 0 10px 0;}

#center p {margin: 0 10px 6px 15px;}
#center h1 {font-size: 20px; font-weight: normal; color: #949494; margin: 0 10px 6px 0px;}
#center h2 {font-size: 17px; font-weight: bold; color: #a0a0a0; margin: 14px 0 6px 0px; padding: 0 0 0 14px; background: url(../images/center-h2-lists.gif) no-repeat 0px 4px }
#center h3 {font-size: 15px; font-weight: normal; color: #a0a0a0; margin: 14px 0 6px 0px; padding: 0 0 0 14px; background: url(../images/center-h3-lists.gif) no-repeat 0px 3px }

#center a {color: #9c3424; text-decoration: underline;}
#center a:hover {color: #000}

#center .drobecky {color: #000; display: block; background: #cbccd0; padding: 3px 6px 6px 6px; margin: 0px 10px 10px 0px;  text-transform: lowercase;    }
#center .drobecky a {color: #000; background: #cbccd0; }
#center .drobecky a.uvod {text-decoration: none;}
#center .drobecky a:hover {color: #ee1c25; background: #cbccd0; }

#strankovani {position: relative; color: #000; background: #eaeaec; margin: 0px 0px 10px 0px; padding: 0px; width: 770px; height: 22px; float: left}
#strankovani a {position: relative; padding: 5px 7px 5px 7px; font-size: 13px; display: block; color: #000; float:left;  font-weight: bold; border-right:#FFF 1px solid }
#strankovani .activ {color: #FFF; background: url(../images/head-menu-m.gif)repeat-x center; }
#strankovani a:hover {color: #FFF; background: #4E4E4E url(../images/head-menu.gif)repeat-x center;; }

#center .ram-hlavni {position: relative; width: 380px; height: 165px; float: left; margin: 2px 10px 8px 0px;	padding: 0px 0px 10px 0px; background: #eff0f1 url(../images/center-ram-novinka.gif) repeat-x top; font-size: 12px; line-height: 1px; overflow: hidden; }
#center .ram-hlavni h2 {display: block; margin: 0px 10px 8px 0px; padding: 11px 0px 11px 0px; font-size: 15px; color:#FFF; font-weight: normal; text-align: right;}
#center .ram-hlavni h2 a { font-size: 15px; color:#FFF; text-decoration: none}
#center .ram-hlavni h2 span {font-size: 11px; color: #cdcdcd; padding-right: 30px }
/* #center .ram-hlavni h3 {margin: 15px 10px 10px 10px; font-size: 14px; color:#000;} */
#center .ram-hlavni .vyprodej {background: url(../images/center-novinka.gif) no-repeat 8px 6px;}
#center .ram-hlavni .novinka {background: url(../images/center-novinka.jpg) no-repeat 8px 7px;}
#center .ram-hlavni .prodejci {background: url(../images/karta.gif) no-repeat 6px 2px;}
#center .ram-hlavni .typ2, #center .ram-hlavni .typ3, #center .ram-hlavni .typ4, #center .ram-hlavni .typ5, #center .ram-hlavni .typ25 {background: url(../images/center-blanzek.gif) no-repeat 8px 1px;}
#center .ram-hlavni .typ11 {background: url(../images/center-befdin.gif) no-repeat 8px 2px;}
#center .ram-hlavni .typ12, #center .ram-hlavni .typ13, #center .ram-hlavni .typ16, #center .ram-hlavni .typ23 {background: url(../images/center-bef.gif) no-repeat 8px 3px;}
#center .ram-hlavni .typ15 {background: url(../images/center-extraline.gif) no-repeat 8px 4px;}
#center .ram-hlavni .typ14 {background: url(../images/center-teplovodni.gif) no-repeat 8px 2px;}
#center .ram-hlavni .typ50 {background: url(../images/center-optim.gif) no-repeat 8px 2px;}
#center .ram-hlavni .typ51 {background: url(../images/center-start.gif) no-repeat 8px 2px;}
#center .ram-hlavni .produkty {background: none;}
#center .ram-hlavni .produkty-akcni {background: url(../images/center-novinka.gif) no-repeat 8px 6px; color: #000; font-weight: bold;}
#center .ram-hlavni .volna-mista {background: none;}
#center .ram-hlavni p {margin: 0px 8px 8px 8px; padding: 0px 0px 0px 0px;}
#center .ram-hlavni .datum {position: absolute; bottom:12px; _bottom:8px; left:8px ; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; _padding: 4px 0px 4px 0px;}
#center .ram-hlavni .detail {position: absolute; bottom:7px; right:8px; width: 37px; height: 8px ; margin: 0px 0px 0px 0px; padding: 7px 0px 0px 21px; background: #e7e8ea url(../images/center-detail.gif); text-decoration: none; font-size: 11px; color: #1a1b1c;
                             ;_height: 2px; _padding: 8px 0px 5px 21px;}
#center .ram-hlavni .detail:hover {background: #e7e8ea url(../images/center-detail-a.gif);}
#center .ram-hlavni .detailru {position: absolute; bottom:7px; right:8px; width: 69px; height: 8px ; margin: 0px 0px 0px 0px; padding: 6px 0px 1px 21px; background: #e7e8ea url(../images/center-detail_ru.gif); text-decoration: none; font-size: 11px; color: #1a1b1c;
                             ;_height: 2px; _padding: 8px 0px 5px 21px;}
#center .ram-hlavni .detailru:hover {background: #e7e8ea url(../images/center-detail-a_ru.gif);}
#center .ram-hlavni .popis {position: absolute; top:12px; left:27px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #FFF}
#center .ram-hlavni table {width: auto; position: absolute; right: 8px; top: 42px; background:transparent;}
#center .ram-hlavni tr {padding: 0px; margin: 0px; background:transparent}
#center .ram-hlavni td {padding: 7px 6px 8px 6px; margin: 0px; border-bottom: 1px solid #dedfe2; text-align: right; background:transparent}
#center .ram-hlavni .normy {width: auto; position: absolute; left: 170px; bottom: 30px; background:transparent; text-align: left}
#center .ram-hlavni .normy a {position: relative; float:left; margin-left: 5px}
#center .ram-hlavni .prava {border-left: 1px solid #dedfe2; text-align: left;}
#center .ram-hlavni img {position:relative; left: 8px; margin: auto 0px }
#center .ram-hlavni span.box {position:absolute; left:8px; top:31px; height:136px; width:140px; background: url(../images/center-image-ram.gif) no-repeat; }
#center .ram-hlavni .pravytext {position:absolute; width: 220px; height: 90px; top: 40px; right: 8px; overflow: hidden; }
#center .ram-hlavni .cena {position:absolute; bottom: 5px; left: 160px; font-size: 9px; color: #8a8687; line-height: 10px; padding: 3px;}
#center .ram-hlavni .cena strong {font-weight: bold; color: #330000; font-size: 13px }
/* #center .ram-hlavni .miniimage {position: absolute; right: 8px; top: 30px; width: 50px} */

/*  dodelane barvy */
#center .ram-hlavni .cervena {background: #eff0f1 url(../images/center-ram-cervena.gif) repeat-x top; height: 110%; color: #fff;}
#center .ram-hlavni .zelena {background: #849c73 url(../images/center-ram-zelena.gif) repeat-x top; height: 110%; color: #fff;}



#center .cena-p {position:absolute; left: 10px; top: 11px; color: #eeeeee; border: none; font-size: 11px;}
#center #produkt-left {position: relative; width: 390px; height: auto; float: left; text-align: left}
#center #produkt-right {position: relative; width: 370px; height: auto;  float: left}



#center #produkt-right table {width: auto; position: static; margin: 0px 10px 0 12px; padding: 0px; width: 355px; float: left; line-height: 1.1}
#center #produkt-right tr {padding: 0px; margin: 0px; background:transparent}
#center #produkt-right td {padding: 7px; margin: 0px; border: 1px solid #9f9f9f; text-align: right; background: #cccccc; color: #2d2d2d;}
#center #produkt-right td.prava {border: 1px solid #650000; text-align: left; background: #996565; color: #2d2d2d}

#center #produkt-right table.nizka td {padding: 5px 11px; float: none; margin: 8px 0px 10px 8px}
#center #produkt-right td.prava-b {text-align: left; background: #fff;}

#center #produkt-right .popis {position: relative; left: 9px; width: 330px; height: auto; border: 1px solid #9f9f9f; background: #cccccc; color: #2d2d2d; margin: 0 0 33px 0; padding: 10px}
#center #produkt-right .popis-c {position: relative; left: 9px; width: 330px; height: auto; border: 1px solid #650000; background: #996565; color: #2d2d2d; margin: 14px 0 22px 0; padding: 10px}
#center #produkt-right .popis-c a:hover {color: #fff}
#center #produkt-right .popis ul, #center #produkt-right .popis-c ul {margin: 0 0 0 12px}
#center #produkt-right p {margin-top: 6px}
#center #produkt-left .schema {width: 365px; margin: 5px 10px 0 0; padding: 0px; border: 1px solid #dfdfdf }
#center #produkt-right h3 {margin: 12px 0 2px 0; padding: 0 0 0 8px; color: #2d2d2d; font-weight: bolder; position: relative}
#center #produkt-left h3 {margin: 18px 0 8px 0; padding: 0 0 0 7px; color: #2d2d2d; font-weight: bolder; position: relative}
#center .miniimage {padding: 3px; margin: 0px;}
#center .realizace {padding: 6px 6px 0px 0px; margin: 0px; height: 84px;  filter: alpha(opacity=65);-moz-opacity: 0.65;opacity: 0.65;-khtml-opacity: 0.65;}
#center .realizace:hover {filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;-khtml-opacity: 1;}
#produkt-left .tride {position: relative; padding-right: 8px; margin-bottom}
#center #produkt-left .normy {width: auto; position: absolute; left: 290px; top: 34px; background:transparent; text-align: left; width: 20px}
#center #produkt-left .normy a {position: relative; float:left; margin-bottom: 5px}
#center #produkt-right li a {color: #2d2d2d; text-decoration: none}
#center #produkt-right li a:hover {color: #9e3424; text-decoration: underline}

#center #produkt-right .pocet {position: relative; left: 200px; top: 8px; width: 20px; height: 21px; padding: 1px; margin:0px; background:#f7f5f6; font-size: 16px; border: 1px solid #a8a4a5; float: left}
#center #produkt-right .kos {position: relative; left: 200px; top: 0px; width:130px; height:25px; font-size:12px; font-weight: normal; margin: 8px; background: #e6e6e6 url(../images/center-kosik.gif) no-repeat -1px -1px; border: 1px solid #a8a4a5; text-transform: uppercase; padding-left: 24px }
#center #produkt-right .kos:hover {background: #e6e6e6 url(../images/center-kosik-a.gif) no-repeat -1px -1px}

#center fieldset label input, #center fieldset textarea {
	border: 1px solid #DFDFDF;	background: #FFF;	color: #000; padding: 2px;}
#center fieldset label {
	display: block; margin-bottom: 1em;	font-weight: normal;}

#center .aktuality {width: 380; height: auto; margin: 0 10px 10px 0; padding: 0; float:left}
#center .aktuality .box-a {position: relative; width: 352px; height: 11px; margin: 0; padding: 7px 4px 6px 24px; background: #eeeff0  url(../images/center-novinka.gif) no-repeat 4px 5px; border-bottom: 1px dotted #cecece; border-top: 1px dotted #cecece;}
#center .aktuality .box-a-a {position: relative; width: 352px; height: 11px; margin: 0; padding: 7px 4px 6px 24px; background: #eeeff0  url(../images/center-novinka.jpg) no-repeat 4px 7px;}
#center .aktuality .box-b {position: relative; width: 352px; height: 11px; margin: 0; padding: 7px 4px 6px 24px; background: #f6f6f7  url(../images/center-novinka.gif) no-repeat 4px 5px;}
#center .aktuality .box-b-b {position: relative; width: 352px; height: 11px; margin: 0; padding: 7px 4px 6px 24px; background: #f6f6f7  url(../images/center-novinka.jpg) no-repeat 4px 5px;; border-bottom: 1px dotted #cecece; border-top: 1px dotted #cecece;}
#center .aktuality .box-c {position: relative; width: 352px; height: 11px; margin: 0; padding: 7px 4px 6px 24px; background: none; text-align:right;}
#center .aktuality .box-c a {color: #525252; text-decoration: none; font-weight: bold;}
#center .aktuality .box-c a:hover {color: #ee1c25; text-decoration: none}
#center .aktuality a.detail {position: absolute; right: 6px; width: 5px; height: 1px; margin: 0; padding: 4px; font-size: 1px; color: transparent}
#center .aktuality a.detail span {position: absolute; left: 0; top: 0px;  width: 13px; height: 11px; margin: 0; padding: 0; background: url(../images/center-sipka.gif) no-repeat}
#center .aktuality a.detail span:hover {background: url(../images/center-sipka-a.gif) no-repeat}


.download table {padding: 0; margin: 6px 10px 6px 0px; font-size: 12px; border-style: none; border-collapse: collapse; line-height: 15px}
.download th {text-align: left; padding: 8px 10px 8px 10px; background: #C0C0C0 url(../images/left-ram-a.jpg); color: #FFF; font-size: 15px; font-weight:normal; text-align: right}
.download td, tr {text-align: left; padding: 5px 5px 5px 5px; background: #C0C0C0;}

table {padding: 0; margin: 0x; border-style: none;}
td, tr {text-align: left; padding: 0; background: transparent;}

.svetla td {background: #e0e0e0;}
.cervena td {background: #d48705;}

#center .download table {padding: 0; margin: 6px 10px 6px 0px;  float: left; width: 380px; color: #000}
#center .download td {padding: 2px 5px 2px 5px;}
#center .mala_tab {width: 10px;}
#center .velka_tab {width: 60px; text-align: right}

#center #diskuze {width: 758px; height: auto; background: #fbfbfb url(../images/center-diskuze-back.jpg) repeat-x; float:left; padding: 0 5px; margin-bottom: 10px; border: 1px solid #eff0f1; text-align: left}
#center #diskuze .left {width: 260px; height: auto; float: left}
#center #diskuze .right {width: 400px; height: auto;}
#center #vlozit {position: relative; left: -15px; width: 735px; height: 120px; background: #e6e6e6; margin: 15px; padding: 10px; border: 1px solid #eff0f1 }
#center #diskuze input{width: 230px; height: auto; margin: 4px 0; ; border: 1px solid #eff0f1; background: url(../images/center-textarea-back.gif) 0px -34px}
#center #diskuze input:focus, #center #objednat input:focus {border: 1px solid #676767;}
#center #diskuze textarea {width: 470px; height: 59px; margin: 4px 0; ; border: 1px solid #eff0f1; background: url(../images/center-textarea-back.gif) 0px -30px}
#center #diskuze textarea:focus {border: 1px solid #676767;}
#center #diskuze .vlozit, #center #objednat .vlozit {position: absolute; right: 3px; bottom: 3px; width:160px; height:25px; font-size:12px; font-weight: normal; margin: 8px; background: #e6e6e6 url(../images/center-odeslat.gif) no-repeat -1px -1px; border: 1px solid #a8a4a5; text-transform: uppercase; padding-left: 24px }
#center #diskuze .vlozit:hover, #center #objednat .vlozit:hover {background: #e6e6e6 url(../images/center-odeslat-a.gif) no-repeat -1px -1px}

#center #diskuze strong {margin: 6px 0 0px 0 ; padding: 10px 0 0 15px; background: url(../images/center-h3-lists.gif) 0px 12px no-repeat; display: block; border-top: 1px solid #EEE}
#center #diskuze em {margin: 0 ; padding: 0; color:#a51f1f }
#center #diskuze p {margin: 0 ; padding: 0; font-size: 11px }
#center #diskuze span {font-weight: normal }

#center #objednat {width: 790px; height: auto}
#center #objednat fieldset {width: 360px; height: auto; padding:0px 10px 10px 10px; margin: 0px 10px 10px 0px; background:#eeeeee; border: 0;}
#center #objednat label {width: 80px;}
#center #objednat input {width: 250px; height: 15px; padding:3px; margin: 0px; background: url(../images/center-textarea-back.gif) 0px -34px}
#center #objednat input.radio {width: 15px; height: 15px; padding:0px;}
#center #objednat label.radio {width: 300px; height: 20px; padding:0px;margin: 10px 0px 5px 0px;}
#center #objednat textarea {width: 250px; height: 40px; padding:3px; margin: 0px; background: url(../images/center-textarea-back.gif) 0px -34px}
#center #objednat .left {width: 390px; height: auto; float: left}
#center #objednat .right {width: 380px; height: auto;}

#center #objednat table {padding: 0; margin: 6px 10px 6px 0px; width: 450px; color: #000; background: #eeeeee}
#center #objednat td, #center #objednat tr {padding: 6px; border: 1px solid #FFF; background: #eeeeee}
#center #objednat a.vlozit {position: relative; top: 10px; width:160px; height:25px; font-size:12px; font-weight: normal; text-decoration: none; color: #000; padding: 3px 5px 3px 25px; }

#center #mapa {position: absolute; top: 95px; right:10px; width: 540px; height: 432px; margin: 0; padding: 0; background: url(../images/mapa.gif) no-repeat;}
#center #mapa-pl {position: absolute; top: 95px; right:10px; width: 500px; height: 314px; margin: 0; padding: 0; background: url(../images/mapa-pl.gif) no-repeat;}

/*paticka*/
#paticka {position: relative; bottom: auto; background: #71777b url(../images/paticka-podklad.jpg) repeat-x; padding: 0; width: auto; margin: auto; height: 45px;}
#paticka .center-h {position: relative; padding: 8px 12px 8px 12px; width: 976px; margin: auto; height: 25px; text-align: right; font-size: 13px; color: #FFF;}
#paticka .center-h a {font-size: 13px; color: #FFF}
#paticka .center-h a {font-size: 13px; color: #FFF}
#paticka .center-h a:hover {text-decoration: underline; color:#FFF}

#paticka .center-h span {position: absolute; right: 0px; top: 5px}
#paticka .center-h ul {float: left; padding: 0; margin: 0 0 0 -8px; width: 750px;}
#paticka .center-h li {float: left; padding: 0 0 0 0px; margin: 0 0 0 18px; color: #a4a4a4;}
#paticka .center-h li a {margin: 0 0 0 -4px; padding: 0px; font-size: 11px; display:block; color: #afafaf;}
#paticka .center-h .farma {position: absolute; left: 0px; top: 0px; padding: 0; margin: 0; top: 5px;}
#paticka .center-h .farma .none li, #paticka .center-h .farma .none a {list-style: none; font-size: 0px}

/*ostatni*/
.blikat {color:#eb1c22; text-decoration: blink; font-size: 15px; font-weight: bold;}

/* poznámka aktualit */
#pozn0, #pozn1, #pozn2, #pozn3, #pozn4, #pozn5 {
display: none; position: absolute; left: 380px; top: 0px; z-index: 100; border: 1px dotted #cecece;
padding: 5px; width: 200px; background-color: #eeeeee; color: #676767; margin: 0px; font-size: 11px;
text-align: left;}

.ram-a #pozn10 {display: none; position: absolute; left: 180px; bottom: 100px;
line-height: 15px; z-index: 100; padding: 5px; width: 220px; border: 1px dotted #cecece;
background-color: #eeeeee; color: #676767; margin: 0px; font-size: 11px; text-align: left;}
.ram-a #pozn10 h3 {padding: 10px 10px 0px 10px; color: #320000; margin: 0px; font-size: 17px; text-align: left;}

#java {
		position: fixed;
      right: 200px;
		top: 290px;
		margin: 5px;
		text-align: center;
	}
	
.kos {position: relative; width:auto; height:25px; font-size:12px; font-weight: normal; margin: 10px 10px 10px 0px; background: #e6e6e6 url(../images/center-kosik.gif) no-repeat -1px -1px; border: 1px solid #a8a4a5; text-transform: uppercase; padding-left: 28px }
.kos:hover {background: #e6e6e6 url(../images/center-kosik-a.gif) no-repeat -1px -1px}

.vyber_kos {position: relative; width:25px; height:25px; font-size:0px; margin: 10px 10px 10px 0px; background: #e6e6e6 url(../images/center-kosik.gif) no-repeat -1px -1px; border: 1px solid #a8a4a5; color: transparent}
.vyber_kos:hover {background: #e6e6e6 url(../images/center-kosik-a.gif) no-repeat -1px -1px}

.why {padding: 0; margin:0 11px 11px 0; float: left}

#center .stone {position: absolute; right: 10px; top: 84px; width: 300px; height: 186px; background: url(../../images/why/lidi-kamen_s.jpg)}