/*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; margin-top: 10px}
		
#main {background: #FFF; width: 1000px; padding: 0px; margin: -11px 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: absolute; right: 10px; background: #71777b url(../images/hlavicka-podklad.jpg) repeat-x; padding: 0px; 
           width: 200px; margin: 0px 0px; height: 45px; text-align: left; font-size: 10px; color: #FFF;}

#head {background: #FFF url(../images/head0.jpg) left top no-repeat; padding: 0 0 0 0; width: 1000px; margin: 0px auto; height: 318px; position: relative; _margin-top: -16px}
#head1, #head2, #head3 {background: #FFF url(../images/head1.jpg) right top no-repeat; padding: 0 0 0 0; width: 1000px; margin: 0px auto; height: 120px; 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, #head2kamen, #head3kamen {background: #FFF url(../images/head-kamen0.jpg) right no-repeat; padding: 0 0 0 0; width: 1000px; margin: 0px auto; height: 120px; 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}
*/

#logo {left: 0px; top:0px; padding: 0; float: left; font-size: 1em; position: absolute;
          width: 134px; height: 90px; overflow: hidden;}
#logo a {color:#fff;}
#logo-pl {left: 0px; top:0px; padding: 0; float: left; font-size: 1px; position: absolute;
          width: 153px; height: 120px; overflow: hidden;}
#logo-pl h1 {font-size: 1px;}
			 
#logo span {display:  block; position:absolute; left: 0; top: 0; z-index: 80;
               width: 134px; height: 90px; margin: 0; padding: 0; color: transparent;
               background: url(../images/logo2.jpg) top left no-repeat; _cursor: hand;}
#logo-pl span {display:  block; position:absolute; left: 0px; top: 0px;
               width: 153px; height: 120px; margin: 0; padding: 0; color: transparent;
               background: url(../images/logo-pl.jpg) top left no-repeat; _cursor: hand; z-index: 100}
					
div#lang {position: absolute; top: 7px; right: 12px; z-index: 80}
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: 22px;
            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 11px auto; padding: 0px 2px; width:996px; height: 36px; background: #393939 url(../images/head-menu-podklad.jpg) no-repeat center; overflow: hidden;}
#menu a {position: relative; padding: 9px 23px 14px 23px; _padding: 7px 23px 12px 23px; 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 23px 14px 23px; _padding: 7px 23px 12px 23px; 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; padding-left:23px; 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; cursor: pointer;}
#left .logina {background: #e6e6e6 url(../images/left-klic.gif) no-repeat -1px -1px; cursor:pointer;}
#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;  cursor:auto }
#left .input_cena:hover {background: #FFF;}
#left .input_cena:focus {border: 1px solid #4e4e4e;}
#left .ram-a p {font-size: 11px; line-height: 1.3 }

#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}
.bez {list-style: none;}

#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 .akce, #left .rychly-vyber {display: block ;position:relative; width:170px; height:20px; margin-bottom: 10px; background: #8b0000; color: #fff; text-align: center; padding: 15px; font-size: 25px;}
#left .akce:hover, #left .rychly-vyber:hover {background: #000;}
#left .akce a, #left .rychly-vyber a {font-weight: bolder;}
#left .rychly-vyber {background: #6e2a2b; font-size: 17px; height:21px; line-height: 1.2; padding: 9px 15px}

#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; _height:14px; 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 {position: relative; width: 750px; height:245px; margin: 0 0 36px 0; padding: 5px 10px; background: url(../images/center-index-background.jpg) bottom repeat-x; font-size: 12px; color: #000}
#center .index a {color: #900304;}
#center .index .text {position: absolute; width: 380px; height:342px; right:10px; top:20px;}
#center .index h2 {font-size: 14px; color: #fff; padding: 0 15px 0 15px; margin: 0 0 4px 0; background: none;  font-weight: bold; line-height: 1.3; text-align: left }
#center .index h2 span, {font-size: 8px; color: #fff}
#center .index h3 {font-size: 13px; color: #320000; padding: 0 15px 0 15px; margin: 0 0 2px 0; background: none; line-height: 1.3; text-align: left;}
#center .index .image1 {background: url(../images/center-text-image1.jpg) top no-repeat; position: absolute; left:-356px; top:5px; width:347px; height: 204px}
#center .index .image2 {background: url(../images/center-text-image2.jpg) top no-repeat; position: absolute; left:-356px; top:5px; width:347px; height: 204px}
#center .index .image3 {background: url(../images/center-text-image3.jpg) top no-repeat; position: absolute; left:-356px; top:5px; width:347px; height: 204px}
#center .index .image4 {background: url(../images/center-text-image4.jpg) top no-repeat; position: absolute; left:-356px; top:5px; width:347px; height: 204px}

/* uvod-zalozky */
#center .index .menu-index {position: absolute; background: none; left:0px; bottom:-37px; width:770px; height: 27px; margin: 0 0 10px 0}
#center .index .menu-index ul {margin: 0px; padding: 0px}
#center .index .menu-index li {position: relative; display: block; float: left; height: 27px; width: 187px; margin: 0px 5px 0 0; padding: 0px; text-align: center}
#center .index .menu-index li.pl {width: 240px;}
#center .index .menu-index li a {display: block; background: #d8d8d8;  left:0px; bottom:0px; height: 18px; margin: 0px; padding: 5px 10px; text-decoration: none; color:#404040;}
#center .index .menu-index li a:hover {background: #717171;}
#center .index .menu-index li.active a {background: #c5c5c5;}

	 
#center p, li {line-height: 1.4;}
#center .text p {line-height: 1.5;}
#center .index-1-1 .text p {line-height: 1.4;}
#center ul, #center ol {margin: 0 10px 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: #6e2a2b; margin: 14px 0 6px 0px; padding: 0 0 0 14px; background: url(../images/center-h3-lists.gif) no-repeat 0px 3px }
#center h4 {font-size: 13px; font-weight: normal; color: #6e2a2b; margin: 14px 0 6px 0px; padding: 0 0 0 14px;}

#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: 378px; 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; border: 1px solid #cbccd0;}
#center .ram-hlavni h2 {display: block; margin: 0px 10px 8px 0px; padding: 11px 0px 12px 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 h2 span.nevyrazny {font-size: 12px; color: #cdcdcd; padding-right: 0px }
/*      #center .ram-hlavni .nadpis h3 {display: block; margin: 0px 10px 8px 0px; padding: 11px 0px 12px 0px; font-size: 15px; color:#FFF; font-weight: normal; text-align: right;} */
/* #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; display: block; margin: 0px 10px 8px 0px; padding: 11px 0px 12px 0px; font-size: 15px; color:#FFF; font-weight: normal; text-align: right;}
#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 0px 0px;}
#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 0px 0px;}
#center .ram-hlavni .typ15 {background: url(../images/center-extraline.gif) no-repeat 0px 0px;}
#center .ram-hlavni .typ14 {background: url(../images/center-teplovodni.gif) no-repeat 0px 0px;}
#center .ram-hlavni .typ67 {background: url(../images/center-teplovodni.gif) no-repeat 0px 0px;}
#center .ram-hlavni .typ50 {background: url(../images/center-optim.gif) no-repeat 0px 0px;}
#center .ram-hlavni .typ51 {background: url(../images/center-start.gif) no-repeat 0px 0px;}
#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: 62px; height: 8px ; margin: 0px 0px 0px 0px; padding: 6px 0px 1px 28px; 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 #produkt-left table {width: auto; position: relative; background:transparent; padding: 15px}
#center .ram-hlavni #produkt-left tr {padding: 0px; margin: 0px; background:transparent}
#center .ram-hlavni #produkt-left td {padding: 8px; margin: 0px; border: 1px solid #c7cacd; text-align: left; background:#e2e5e5; line-height: 1.5}
#center .ram-hlavni #produkt-left th {padding: 8px; margin: 0px; border: 1px solid #717c7f; text-align: left; background: #c1c1c1; line-height: 1.5}
#center .ram-hlavni #produkt-left td.right {border-left: 1px solid #dedfe2; text-align: left; width: 70px}

#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: 4px}
#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 input {border: 1px solid #c7cacd;}
#center .ram-hlavni input:focus {border: 1px solid #6a7477;}
#center .ram-hlavni box img {width:140px;}
#center .ram-hlavni span.box {position:absolute; left:8px; top:31px; height:137px; width:142px; background: url(../images/center-image-ram.gif) no-repeat; overflow: hidden;}
#center .ram-hlavni .pravytext {position:absolute; width: 220px; height: 100px; 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 span {font-size: 11px; color: #330000; font-weight: bolder}
#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 .cervena p a {color: #fff;}
#center .ram-hlavni .cervena p a:hover {text-decoration: none}
#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; text-align:left;}
#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 a {color: #2d2d2d; text-decoration: none}
#center #produkt-right a:hover {color: #fff; 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; cursor: pointer }
#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 a {color: #525252; text-decoration: none; font-weight: bolder;}
/* #center .aktuality a {text-transform: lowercase;} */
#center .aktuality a:hover {color: #9c3424; 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}
#center .aktuality a em {font-weight: normal;color: #999999; font-size: 11px}
#center .aktuality a:hover em {font-weight: normal;color: #9c3424;}
.box-a strong, .box-a-a strong, .box-b strong, .box-b-b strong {font-weight: normal;}

.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; cursor: pointer;}
#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; border-top: 1px solid #EEE;}
#center #diskuze em {margin: 0 ; padding: 0; color:#a51f1f; float: none }
#center #diskuze p {margin: 0 ; padding: 0 10px 22px 14px; font-size: 11px }
#center #diskuze p.datum {padding: 0 0 0 14px}
#center #diskuze span {font-weight: normal }
#center #diskuze span.befhome {position: relative; margin-left: 8px; padding: 11px 84px 2px 0px ;font-size: 1px; width: 87px; height: 14px; background: url(../images/diskuze-befhome.gif) no-repeat; color: transparent;
                               filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}


#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 #mapa2 {position: absolute; top: 440px; right:10px; width: 540px; height: 486px; margin: 0; padding: 0; background: url(../images/mapa2.gif) no-repeat;}
#center #mapa-pl {position: absolute; top: 70px; 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: 1000px; margin: auto; height: 45px;}
#paticka .center-h {position: relative; padding: 8px 12px 8px 12px; width: 950px; 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;}

.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}
.whyli {text-transform: none;}

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

/* IKONY */
.pdf {display: block; width: 19px; height: 19px; background:  url(../images/mime-pdf.gif) no-repeat; color: transparent; float: left; padding-right: 10px}
.zip {display: block; width: 14px; height: 16px; background:  url(../images/mime-zip.gif) no-repeat; color: transparent; float: left; padding-right: 10px}
.doc {display: block; width: 16px; height: 16px; background:  url(../images/mime-doc.gif) no-repeat; color: transparent; float: left; padding-right: 10px}
.xls {display: block; width: 16px; height: 16px; background:  url(../images/mime-xls.gif) no-repeat; color: transparent; float: left; padding-right: 10px}
.gif {display: block; width: 16px; height: 16px; background:  url(../images/mime-img.gif) no-repeat; color: transparent; float: left; padding-right: 10px}
.jpg {display: block; width: 16px; height: 16px; background:  url(../images/mime-img.gif) no-repeat; color: transparent; float: left; padding-right: 10px}
.pps {display: block; width: 16px; height: 16px; background:  url(../images/mime-pps.gif) no-repeat; color: transparent; float: left; padding-right: 10px}
.nic {display: block; width: 16px; height: 16px; background:  url(../images/mime-nic.gif) no-repeat; color: transparent; float: left; padding-right: 10px}
.stp {display: block; width: 16px; height: 16px; background:  url(../images/mime-stp.gif) no-repeat; color: transparent; float: left; padding-right: 10px}
.avi {display: block; width: 16px; height: 16px; background:  url(../images/mime-avi.gif) no-repeat; color: transparent; float: left; padding-right: 10px}
.down {display: block; width: 13px; height: 13px; background:  url(../images/mime-download.gif) no-repeat; color: transparent;}

#main #center #overDiv {position: absolute;}

/* poznámka aktualit */
#pozn0, #pozn1, #pozn2, #pozn3, #pozn4, #pozn5, #pozn6, #pozn7, #pozn8, #pozn9, #pozn10, #pozn11, #pozn12 {
display: none; position: absolute; left: 0px; top: 0px; z-index: 100; border: none; width: 250px; text-align: right;
padding: 5px; background-color: transparent; color: #676767; margin: 0px; font-size: 12px;
text-align: left;}

#pozn0 p, #pozn1 p, #pozn2 p, #pozn3 p, #pozn4 p, #pozn5 p, #pozn6 p, #pozn7 p, #pozn8 p, #pozn9 p, #pozn10 p, #pozn11 p, #pozn12 p {
text-align: right; width: 250px; padding: 0px; margin:0px; right: 0px}

#poz0, #poz1, #poz2, #poz3, #poz4, #poz5, #poz6, #poz7, #poz8, #poz9, #poz10, #poz11, #poz12 {
display: none; position: absolute; left: 120px; top: 85px; z-index: 100; border: 1px solid #fff; width: 170px; text-align: left;
padding: 3px; background: #cccccc; color: #2d2d2d; margin: 0px; font-size: 12px; text-align: left; line-height: 1.1;
filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75 ;-khtml-opacity: 0.75;}
#poz0 h3, #poz1 h3, #poz2 h3, #poz3 h3, #poz4 h3, #poz5 h3, #poz6 h3, #poz7 h3, #poz8 h3, #poz9 h3, #poz10 h3, #poz11 h3  {line-height: 1; background: none; margin:0px; padding: 0px}
#poz0 {top: 200px	}

#actu1, #actu2, #actu3 {display: none; position: absolute; left: 0px; top: 0px; width: 250px; height: 150px; padding: 0px;}
#nov1, #nov2, #nov3 {display: none; position: absolute; left: 390px; top: 0px; width: 250px; height: 150px; padding: 0px;}

#center .ram-hlavni img.logo {position:relative; float:left; margin: 5px 15px 10px -8px; padding: 0px }





/* akce - promotion */
#promotion {position: absolute; width: 0 100%; margin: 0; padding: 0; z-index: 121; text-align: center }
#promotionshow { position: absolute; top: 50px; left: 0px;; }


#promotion2 { position: absolute; top: 0px; left: 0px; width: 100%; height:100% ;z-index: 119; background: #000;
              filter: alpha(opacity=66);-moz-opacity: 0.66;opacity: 0.66 ;-khtml-opacity: 0.66;}
#promotion #katalogy {position: absolute; left: 200px; width: 596px; height: 665px; margin: -330px 0px 0px 0px; padding: 0px; background: #f8f8f8; border: 1px solid #cccccc;}

#promotion .katalog {position: relative; left: 0px; top: 0px; width: 515px; height: 100px; overflow: hidden; margin: 10px auto 20px auto}
#promotion .katalog span {position: absolute; left: 0px; top: 0px; width: 515px; height: 100px; background: url(http://katalog.bef.cz/tpl/images/elektronicky_katalog.jpg) no-repeat; margin: 0px; padding: 0px}

#promotion #katalogy img.close {position: absolute; bottom: 15px; right: 15px; cursor: pointer;}
/*---konec promotion*/

.list {list-style:none; }