/*------------ OBECN?FORMT STRNKY -------------*/
body {
    font-family: Arial, sans-serif;
    line-height: 130%;
    color:#555;
    background:#f5f5f5;
    font-size:12px;
    text-align:center;
    margin:0; padding:0 0 20px 0;
    }
form, input, select, option {font-size:12px;}
table, table  {font-size:12px;}

a       {text-decoration:underline; color:#f26522;}
a:hover {text-decoration:none;}
img	{border:none;}
/*-nadpisy-*/

h1      {font-size:16pt; color:#f26522;}
h2      {font-size:12pt; color:#f26522;}
h3		{font-size:11pt; color:#f26522;}
h2.natrit	{font-size:12pt; color:#0071ba; background: url('../images-web/natrit-nadpis-podklad.jpg') no-repeat 0 0; padding:20px 0 15px 25px;}


/*------------ LAYOUT -------------*/

#cely-web   {
    	    text-align:left;
    	    width: 970px;
    	    margin:auto;
   	        background: white;
			background: url('../images-web/web-pozadi.gif') repeat-y;
            }

#header {width:970px; height:262px; background: url('../images-web/header-1.jpg') no-repeat; position:relative;}
#header a.uvodni	{position:absolute; right:37px; top:30px; width:200px; height:110px; display:block;}
#header form		{position:absolute; right:25px; top:153px;}
#header form div	{text-align:right; font-weight:bold;color:#666;}

#levy      {float:left; width:245px;}
#pravy		{float:right; width:725px; background: url('../images-web/navigace-top.jpg') no-repeat 0 0; position:relative;}
#pravy-obsah	{padding:10px 15px 30px 15px;}

/*---horni menu--*/
#menu ul {padding:0; margin:0; list-style:none; position:absolute; bottom:20px; left:9px;}
#menu ul li {float:left; font-weight:bold; color:white; text-align:center; line-height:30px; height:33px; text-transform:uppercase; margin-left:13px;}
#menu ul li a {font-weight:bold; color:white; display:block; height:33px; text-decoration:none;}

#menu ul li.produkty, #menu ul li.produkty a	{background: url('../images-web/menu-button-produkty.gif') no-repeat 0 0; width:180px;}
#menu ul li.prodejny, #menu ul li.prodejny a 	{background: url('../images-web/menu-button-prodejny.gif') no-repeat 0 0; width:190px;}
#menu ul li.rady, #menu ul li.rady a 			{background: url('../images-web/menu-button-rady.gif') no-repeat 0 0; width:154px;}
#menu ul li.ofirme, #menu ul li.ofirme a 		{background: url('../images-web/menu-button-ofirme.gif') no-repeat 0 0; width:84px;}
#menu ul li.poradna, #menu ul li.poradna a 		{background: url('../images-web/menu-button-poradna.gif') no-repeat 0 0; width:84px;}
#menu ul li.eshop, #menu ul li.eshop a	 		{background: url('../images-web/menu-button-eshop.gif') no-repeat 0 0; width:165px;}
#menu ul li, #menu ul li a:hover	{background-position:0 -33px !important;}

a.bcc-button {margin-left:10px; background: url('../images-web/button-bcc.gif') no-repeat 0 0; font-size:9pt; width:180px; font-weight:bold; text-transform:uppercase; color:white; display:block; height:33px; text-decoration:none; line-height:30px;}
a.bcc-button:hover {background-position:0 -33px;}

/*- levé menu -*/
#levemenu	{margin-left:10px;  background: url('../images-web/levemenu-pozadi.gif') repeat-y 0 0; width:234px;}
#levemenu ul	{padding:80px 0 0 0; margin:0; background: url('../images-web/levemenu-top-eshop.gif') no-repeat; }

#levemenu ul li  {
				background: url('../images-web/levemenu-li-pozadi.gif') no-repeat left bottom;
				padding:6px 14px 10px 14px;
				margin:0 11px 0 11px;
            	list-style-type:none;
            	line-height:14px;
            	text-transform:uppercase;
				color: #a10a0e;
				font-weight:bold;
            	}

#levemenu ul li a    {color:#666; font-weight:normal; text-decoration:none;}
#levemenu ul li a:hover {color:#a10a0e; font-weight:bold;}
#levemenu ul li span {background: url('../images-web/levemenu-bod.gif') no-repeat 0 -54px; padding-left:14px; display:block;}
#levemenu ul li a span {background-position:0 2px;}
#levemenu ul li a:hover span {background-position:0 -54px;}
/*-level2 menu-*/
#levemenu ul li.level2 {text-transform:none;}
#levemenu ul li.level2 span {background: url('../images-web/levemenu-level2-bod.gif') no-repeat 15px -56px; padding-left:26px; display:block;}
#levemenu ul li.level2 a span {background-position:15px 6px;}
#levemenu ul li.level2 a:hover span {background-position:15px -56px;}
#levemenu ul li.posledni	{background:none;}

#levemenu-bottom {background: url('../images-web/levemenu-bottom.gif') no-repeat; width:234px; height:30px;}

#drobinky	{background: url('../images-web/navigace-stred.jpg') repeat-y 0 0;}
#drobinky-bottom	{background: url('../images-web/navigace-bottom.jpg') no-repeat 0 0; height:15px; width:714px;}
#drobinky ul {list-style:none; margin:0; color:#736257; padding:7px 0 0 10px; font-size:8pt; width:550px;}
#drobinky ul li {float:left; padding:0 7px 0 10px; background: url('../images-web/drobinky-bod.gif') no-repeat 0 5px; white-space:nowrap;}
#drobinky ul li.none {background:none; padding:0 7px;}
#drobinky ul li a {color:#9d0a0e;}
#drobinky ul li.jste-zde {background:none; height:17px;}

#tisk	{position:absolute; right:30px; top:6px; color:#8d8d8d; font-size:8pt;}
#tisk img	{vertical-align:-2px;}
#tisk a {cursor:pointer;}

#footer	{height:20px; width:970px; background: url('../images-web/footer.gif') no-repeat;}
#vyrobil	{text-align:center;}

/*-levy box-*/
.box-levy {background: url('../images-web/box-pozadi.gif') repeat-y; width:234px; margin-left:10px; font-size:10px; color:black;}
.box-poradit {background: url('../images-web/box-header-poradit.gif') no-repeat; height:70px;}
.box-obsah	{padding:10px 15px 5px 15px; line-height:14px; text-align:center;}
.box-bottom	{background: url('../images-web/box-bottom.gif') no-repeat; width:234px; height:16px;}
.box-cara	{height:15px; width:178px; background: url('../images-web/box-cara.gif') no-repeat center center;}

p.color-centrum	{color:#d80004; font-size:14px; text-align:center; font-weight:bold; line-height:17px;}

.oddelovac	{height:15px; width:695px; background: url('../images-web/oddel.gif') no-repeat center center;}

/*--chci natrit--*/
#chci-natrit 	{width:671px; height:609px; background: url('../images-web/chci-natrit.jpg') no-repeat; margin:10px; position:relative;}
#chci-natrit a	{position:absolute; width:210px; height:200px; color:#737373; font-weight:bold; text-decoration:none;}
#chci-natrit a.drevo	{top:10px; left:15px;}
#chci-natrit a.kov	{top:10px; left:255px;}
#chci-natrit a.steny	{top:250px; left:15px;}
#chci-natrit a.fasady	{top:250px; left:255px;}
#chci-natrit a span	{position:absolute; top:20px; left:30px; font-size:17px;}
#natrit-box		{float:right; background: url('../images-web/natrit-box-top.gif') #fef4ef no-repeat top left; width:583px; padding-top:5px; margin-bottom:10px; line-height:20px;}
#natrit-box h1	{color:#f26522; margin:0; padding:0;}
#natrit-box	a.level1, #natrit-box span.level1 	{font-size:14px; line-height:45px;}
#natrit-box	a.level2, #natrit-box span.level2 	{font-size:12px;}
#natrit-box a, #natrit-box span		{color:#f7941d;  font-weight:bold;  background: url('../images-web/natrit-bod.gif') no-repeat 3px 6px; padding:0 15px;}
#natrit-box a:hover, #natrit-box span	{color:#f26522; background-position:3px -56px;}
#natrit-box-obsah	{padding:5px 10px;}
#natrit-box-bottom	{background: url('../images-web/natrit-box-bottom.gif') no-repeat; height:5px; width:583px;}
img.natrit-box		{float:left;}
.produkt	{text-align:center; float:left; width:110px; margin-bottom:10px; margin-top:15px;}
.produkt a  {font-size:8pt;}
.natrit-popis	{color:#737373; font-size:12px; margin:0 20px;}
.plus	{text-align:center; float:left; width:20px; margin-bottom:10px; margin-top:15px; color:#F26522; font-size:24px; padding-top:28px; font-weight:bold;}
/*--tabulka natrit--*/
table.natrit-level2	{width:100%;}
table.natrit-level2 tr td {text-align:center; padding:5px 20px 25px 20px; width:25%; vertical-align:top;}
table.natrit-level2 tr td img {margin-bottom:8px;}

.stetec	{background: url('../images-web/natrit-stetec.jpg') no-repeat; width:156px; height:260px; float:right; padding:0px 30px 0px 0; position:relative;}
.stetec span {position:absolute; font-size:14pt; font-weight:bold;}
.stetec span.h1 {color:#f26522; bottom:70px; left:65px;}
.stetec span.h2 {color:#9a9a9a; bottom:25px; left:65px; font-size:11pt; width:130px;}

.valecek	{background: url('../images-web/valecek.jpg') no-repeat; width:350px; height:201px; float:right; padding:0px 30px 0px 0; position:relative;}
.valecek span {position:absolute; font-size:14pt; font-weight:bold;}
.valecek span.h1 {color:#f26522; bottom:70px; left:225px;}
.valecek span.h2 {color:#9a9a9a; bottom:25px; left:225px; font-size:11pt; width:130px;}

/*--kde nakoupit--*/
ul.kde-nakoupit-seznam	{margin:0px 10px 0px 10px; padding:0 0 20px 0;}
ul.kde-nakoupit-seznam li {float:left; margin:0px; list-style:none; padding:2px;}
ul.kde-nakoupit-seznam li a, ul.kde-nakoupit-seznam li span {color:#f7941d;  background: url('../images-web/natrit-bod.gif') no-repeat 3px 6px; padding:0 15px;}
ul.kde-nakoupit-seznam li a:hover, ul.kde-nakoupit-seznam li span {color:#f26522; background-position:3px -56px;}
ul.okresy li a, ul.okresy li span {color:#0072bc;}
h3.okresy	{color:#0072bc;}
.luxol-dole	{float:right; margin-right:20px; width:171px; height:182px; background: url('../images-web/luxol-dole.gif') no-repeat;}
img.mapka {float:right; margin-right:30px; width:242px; height:139px; margin-top:-15px;}

#prodejny-seznam h4.prodejna-typ {color:#f26522; font-size:13px; clear:both; margin:15px 0 10px 0px; padding:0px 12px; height:30px; background: url('../images-web/prodejny-box-typ.gif') no-repeat 0 center; line-height:28px;}
#prodejny-seznam h3.okres {clear:both; margin:10px 0 18px 0px; font-size:14pt;} 
.prodejna-box	{width:220px; float:left; margin-bottom:20px;}
.prodejna-box-obsah h4 {color:#2b8437; font-size:10pt; margin:10px 0; padding:0;}
.prodejna-box-obsah	{color:black; padding:10px 5px 2px 35px; background: url('../images-web/prodejny-odrazka.gif') no-repeat 12px 23px; }
.prodejna-extra	{width:684px; background: url('../images-web/prodejny-box-top.gif') #f1f8e8 no-repeat 0 0; padding-top:0px; clear:both;}
.prodejna-extra-bottom	{width:684px; height:10px; background: url('../images-web/prodejny-box-bottom.gif') #f9f9f9 no-repeat; clear:both; font-size:0px;}
.prodejna-extra img {width:156px; height:117px; float:left; margin:11px 25px 0 0;}
table.prod-extra tr td {vertical-align:top;}

/*--stary web--*/
.ods-barva { margin: 5px 10px; border-style: solid; border-width: 5px 10px 5px 10px; border-color: white; height: 50px }
.ods-popis { font-size: 0.9em; vertical-align: top; padding-right: 10px; padding-bottom: 10px; padding-left: 10px }
.ods-table { width: 90% }
.ora { color: #ec8a18 }
.ora a { color: #ec8a18; text-decoration: underline }
.ora a:hover { color: #ec8a18; text-decoration: none }
.prevodnik-button { background: url('../images/prevodnik.gif') no-repeat 0 0; border: none; width: 109px; height: 28px; cursor: pointer;}
.prevodnik-input { border: solid 1px #737373;}
.prevodnik-td { text-align: center;}
.prevodnik-td div {position:relative; top:5px;}
img.mapa {border: none; padding: 0px; margin: 0px;}
#ma    { font-size: 0px; background: url('../images-web/poz.gif') no-repeat left top; padding: 0px; width:591px; height:336px;}
.cenik-cislo { text-align: right }
.cenik-cislo-l {text-align: left }
.cenik-sudy {background-color: #eee; text-align: right }
.cenik-sudy-l { background-color: #eee; text-align: left }
table.cenik-table {border-collapse:collapse;}
table.cenik-table tr td {border:1px solid #ddd; text-align:right; padding:2px 5px;}
table.cenik-table tr td.center	{text-align:center;}
table.cenik-table tr.sudy td {background-color:#eee !important;}
.cenik-table  { border: solid 1px #ececec }
.cenik-table-2 { border: solid 1px #ececec }
.cenik-zahlavi-2 { color: white; font-weight: bold;  text-align: center; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; background:#555555;}
.cenik-zahlavi-hodiny { color: white; font-weight: bold;  background-color: #555; text-align: center }
.var-pocet { border: solid 1px #444; }
.var-pocet-disabled { background-color:#ECE9D8;}
.var-table { border: solid 1px #b5b5b5; }
.var-td { font-size: 1em; text-align: right; border-bottom: 1px solid #b5b5b5; }
.var-zahlavi { color: white; font-weight: bold; font-size: 1em; background-color: #b5b5b5; text-align: right; }
.hist-rok { color: #dc0100; font-weight: bold; vertical-align: top; padding:2px 10px; }

/*-detail produktu-*/
.pouzivani-table1 {border-collapse:collapse; color:white;margin:0 10px 0 15px;}
.pouzivani-table1 tr td.souvis1 { background: url(../images-web/detail-top.jpg) no-repeat; height:54px;  width:221px;}
.pouzivani-table1 tr td.souvis2 {background:#f6f6f6; text-align:center;}
.pouzivani-table1 tr td.souvis-top-pouziti { background: url('../images-web/detail-pouziti.jpg') no-repeat; height:54px; }
.pouzivani-table1 tr td.souvis3 {width:221px; background: #f6f6f6; color:#0c75c2; text-align:left;}
.pouzivani-table1 tr td.souvis-bottom {background: url('../images-web/detail-bottom.jpg') no-repeat; height: 25px;}
.pouzivani-table1 tr td.souvis1 span, .pouzivani-table1 tr td.souvis-top-pouziti span {color:white; font-weight:bold; font-size:10pt; position:relative; top:-5px; left:20px;}

.pouzivani-table1 tr td li  {font-size: 11px; margin-top: 0px; margin-bottom: 8px; padding:2px 15px; list-style:inside; }
.pouzivani-table1 tr td ul {margin:0 0 0 10px; padding:0; }
.pouzivani-table1 tr td h4  {font-size:10pt; margin:10px 15px 5px 15px;}
.pouzivani-table1 tr td a  {color: #f26522; font-weight:bold;}

#koupit-box	{width:451px; height:65px; background: url('../images-web/koupit-box.gif') no-repeat; color:#5090bf; font-weight:bold; font-size:13pt; position:relative;}
#koupit-box img {position:absolute; right:15px; top:15px;}
#koupit-box span {position:relative; left:20px; top:25px;}

ul#lista-kosik		{margin:0; padding:5px 0 0 22px; background: url('../images-web/lista-kosik.gif') no-repeat; width:660px; height:39px;}
ul#lista-kosik li.zel	{background: url('../images-web/bod-zeleny.gif') no-repeat 0 9px;}
ul#lista-kosik li.ruz	{background: url('../images-web/bod-ruzovy.gif') no-repeat 0 9px;}
ul#lista-kosik li.mod	{background: url('../images-web/bod-modry.gif') no-repeat 0 9px;}
ul#lista-kosik li.cer	{background: url('../images-web/bod-cerveny.gif') no-repeat 0 9px;}
ul#lista-kosik li.zlu	{background: url('../images-web/bod-zluty.gif') no-repeat 0 9px;}
ul#lista-kosik li	{float:left; padding:5px 20px 5px 16px; margin:0; list-style-type:none;}
ul#lista-kosik li a {color:#737373;}
ul.lista-kosik-mensi li { padding:5px 12px 5px 13px !important;}

ul.product-li-oranzovy	{list-style:none; list-style-image: url('../images-web/produkt-li-bod.gif')}

/*---katalog----*/
table.katalog-horni	{margin-left:20px;}
table.katalog-horni tr td {vertical-align:top; width:320px; text-align:center;}

.kat-levy-top, .kat-pravy-top {height:53px; text-align:left;  width:271px;}
.kat-levy-top	{background: url('../images-web/katalog-box-levy-top.gif') no-repeat;}
.kat-pravy-top	{background: url('../images-web/katalog-box-pravy-top.gif') no-repeat;}
.kat-levy-top span, .kat-pravy-top span {position:relative; top:13px; left:18px; color:white; font-weight:bold;}
.kat-stred			{width:271px; text-align:left;  height:100%;}
.kat-stred	ul, .kat-stred	ol	{margin:0 10px 0 40px; padding:15px 0 20px 0;}
.kat-stred	ul li, .kat-stred ol li {margin:0; padding:1px 5px;}

.kat-levy-stred		{background:#fdfcf5;}
.kat-levy-stred	a	{color:#f26522; font-weight:bold;}
.kat-levy-stred	a:hover	{color:#0c75c2;}
.kat-levy-stred	a:visited	{color:#b87b5f;}

.kat-pravy-stred	{background:#f3faff;}
.kat-pravy-stred a	{color:#0c75c2; font-weight:bold;}
.kat-pravy-stred	a:hover	{color:#f26522;}
.kat-pravy-stred a:visited	{color:#62a6d7;}

.kat-levy-bottom, .kat-pravy-bottom {height:10px; width:271px;}
.kat-levy-bottom	{background: url('../images-web/katalog-box-levy-bottom.gif') no-repeat;}
.kat-pravy-bottom	{background: url('../images-web/katalog-box-pravy-bottom.gif') no-repeat;}

/*h2.produkt-skupina	{font-size:12pt;}*/
.tab-produkty  { margin-right: 10px;}
.tab-produkty a {color:#0072BC;}
.tab-produkty a:visited {color:#0072BC;}
.tab-produkty a:hover {color:#F26522;}
.tab-produkty h2 {font-size: 10pt !important; margin-bottom: 3px; padding-bottom: 0px; color:#0072BC; padding-top:5px; }
.tab-produkty ul {margin:5px 0 0 0; padding:0; }
.tab-produkty li {font-size: 0.9em; color:#0072BC; list-style:none; padding:0 0 0 8px; margin:0 ;line-height:10pt; background: url('../images-web/li-bod-modry.gif') no-repeat 0 4px;}
.tab-produkty td.linka-dole  {background: url('../images-web/produkt-linka.jpg') no-repeat center bottom; height:1px; font-size:0px;}
.tab-produkty td {font-size:12px; color:black;  vertical-align:top;}
.tab-produkty-detaily { padding-top: 10px; width: 170px;}
.tab-produkty-nakup { padding-top: 30px;}
.tab-produkty-nazev {width:308px;}
.tab-produkty-obrazek { text-align: center;}
.tab-produkty-obrazek img {}
.tab-produkty-zahlavi { display:none;}


/*----soutez---*/
#soutez-obal h2 {font-size:23px; line-height:25px;}
#soutez-obal h3 {font-size:20px;}
#soutez-obal h2.sedy, #soutez-obal h3.sedy {font-weight:normal; color:#333;}
#soutez-obal a {color:#E40133;}
.uvodni-obrazek {background:url('../images-web/soutez.jpg') no-repeat; position:relative; padding-top:280px;}

table.soutez-odrazky	{margin:20px; width:380px;}
table.soutez-odrazky tr td {vertical-align:top; font-size:15px; padding:5px 0; line-height:17px;}
table.soutez-odrazky tr td span {font-size:17px; font-weight:bold; color:#E40133; padding-right:15px;}

ul.soutez	{margin:20px 20px 20px 20px; padding:0;}
ul.soutez li  {list-style:none; line-height:22px; font-size:15px;}
ul.soutez li span {font-size:17px; font-weight:bold; color:#E40133; padding-right:10px;}
img.ceny	{padding-right:110px; padding-top:20px; float:right;}
table.soutez {width:300px; margin:10px auto;}
table.soutez tr th	{background:#E40133; color:black; padding:2px 10px;}
table.soutez tr td	{background:#FBD812; color:black; padding:2px 10px;}
fieldset.soutez-registrace {border:1px solid #ccc; width:500px; margin:15px 0;}
fieldset.soutez-registrace legend {color:#F26522;}
fieldset.soutez-registrace table tr td {padding:2px 5px;}
h1.soutez	{color:#e40133;}
div.otazka	{font-size:16px; color:#333; line-height:18px;}
#soutez-poutac	{width:230px; height:115px; background:url('../images-web/soutez-poutac.gif') no-repeat; position:relative; margin-left:14px;}
#soutez-poutac a {position:absolute; top:80px; left:140px; color:white; text-transform:uppercase; font-size:10px;}
.soutez-sekce	{color:#F26522; margin:10px 0 10px 0;}
.soutez-pravy-sloupec {float:right; width:190px; text-align:right; margin-right:30px; }
.soutez-pravy-sloupec p {color:#f26522; text-align:right;  font-size:13pt; font-weight:bold;  line-height:15pt;}

.prihlaseni	{font-size:8pt; background:#f6f6f6; width:222px; margin-left:30px;}
.prihlaseni-obsah	{padding: 0 20px 20px 20px;}
.prihlaseni	input {font-size:8pt;}
.prihlaseni-top	{background:url('../images-web/soutez-prihlaseni-top.gif') no-repeat; height:50px; color:white; font-weight:bold;}
.prihlaseni-top span {padding-top:10px; padding-left:15px; font-size:10pt; display:block;}
.prihlaseni-bottom	{background:url('../images-web/soutez-prihlaseni-bottom.gif') no-repeat; height:11px;}
.green, a.green	{color:#197542 !important; font-weight:bold;}

.otazka-box	{width:690px; background:url('../images-web/otazka-top.gif') #fff6eb no-repeat;}
.otazka-box-bottom	{width:690px; height:11px; background:url('../images-web/otazka-bottom.gif') #fff6eb no-repeat;}
.otazka-obsah	{padding:5px 15px;}

/*--clanky--*/
div.oddel	{background: url('../images-web/oddel.gif') no-repeat center center; height:20px; width:100%;}
div.oddel-novinka	{background: url('../images-web/oddel-novinka.jpg') no-repeat center center; height:20px; width:100%;}

/*-ostatní-*/
img.ofirme	{background:white;border:1px solid #eee; padding:2px;}
.strankovani	{margin:5px 0;}
input.na, textarea.na {background: url('../images-web/req.gif') no-repeat white top right; border:1px solid #7F9DB9;} 
.pozn		{font-size:8pt;}
.cleaner    {clear:both; font-size:0px; height:0px;}
.right      {text-align:right;}
.center, td.center		{text-align:center;}
.flright	{float:right;}

#pouze-tisk	{display:none;}

table.dulux {width:70%; margin:10px 0;}
table.dulux tr td {text-align:center;}
table.dulux tr td a, table.dulux tr td a:hover {color:#AE0A0E; font-size:13px;}