*	{margin: 0; padding: 0}

img {border:0;}
.left {float:left;}

#lbOverlay, #lbOverlay {position:absolute;}

#body	{font-size: 80%; text-align: center;margin:0;padding:0;}

#nadtelo	{width: 100%; text-align: center; background:url(../_images/bgBody.gif) top repeat-x; padding-top: 2px;}
#telo	{width: 1199px; font-family: Arial, sans-serif; margin: auto; text-align: center;}

#horni-oranzovy	{width: 100%; height: 42px; background: #cc6600 url(../_images/horni-oranzovy.gif) bottom left repeat-x;}

#menu		{width: 864px; _width: 750px; *width: 750px; height: 24px; float: left; color: #ffffff;
		margin: 0px 0 0 140px; _margin-left: 80px; }

#menu ul	{list-style: none}
#menu ul li	{float: left; font: bold italic 90%/24px Arial, sans-serif; height: 42px;}
#menu ul li#noborder	{background-image: none}

#menu ul li a	{color: #ffffff; display: block; text-decoration: none; float: left; padding: 0;
		background: top left no-repeat; height: 42px}
#menu ul li a#uvod			{width: 57px; background-image: url("../_images/menu/uvod.gif")}
#menu ul li a#o-firme			{width: 71px; background-image: url("../_images/menu/o-firme.gif")}
#menu ul li a#design-studio		{width: 110px; background-image: url("../_images/menu/design-studio.gif")}
#menu ul li a#malirske-sluzby		{width: 122px; background-image: url("../_images/menu/malirske-sluzby.gif")}
#menu ul li a#mereni-odstinu		{width: 117px; background-image: url("../_images/menu/mereni-odstinu.gif")}
#menu ul li a#poptavkovy-formular	{width: 134px; background-image: url("../_images/menu/poptavkovy-formular.gif")}
#menu ul li a#kontakt			{width: 75px; background-image: url("../_images/menu/kontakt.gif")}
#menu ul li a#eshop			{width: 134px; background-image: url("../_images/menu/eshop.gif")}
#menu ul li a#nase-sluzby			{width: 93px; background-image: url("../_images/menu/nase-sluzby.gif")}

#menu ul li a#uvod:hover			{width: 57px; background-image: url("../_images/menu-hover/uvod.gif")}
#menu ul li a#o-firme:hover			{width: 71px; background-image: url("../_images/menu-hover/o-firme.gif")}
#menu ul li a#design-studio:hover		{width: 110px; background-image: url("../_images/menu-hover/design-studio.gif")}
#menu ul li a#malirske-sluzby:hover		{width: 122px; background-image: url("../_images/menu-hover/malirske-sluzby.gif")}
#menu ul li a#mereni-odstinu:hover		{width: 117px; background-image: url("../_images/menu-hover/mereni-odstinu.gif")}
#menu ul li a#poptavkovy-formular:hover		{width: 134px; background-image: url("../_images/menu-hover/poptavkovy-formular.gif")}
#menu ul li a#kontakt:hover			{width: 75px; background-image: url("../_images/menu-hover/kontakt.gif")}
#menu ul li a#eshop:hover			{width: 134px; background-image: url("../_images/menu-hover/eshop.gif")}
#menu ul li a#nase-sluzby:hover			{width: 93px; background-image: url("../_images/menu-hover/nase-sluzby.gif")}

.submenu {visibility: hidden;}
#menu_servis {position:absolute;top:0px;left:517px;text-align:left;z-index:100;}
#menu_servis ul {list-style-type:none;}
#menu_servis ul li a {color:#FFFFFF;font-size:0.75em;font-family:Arial;text-transform: uppercase;font-style: italic;font-weight:bold;border:1px solid #B84806;border-top:0px;background:#DC5E15;display:block;width:180px;padding:5px;text-decoration:none;}
#menu_servis ul li a:hover {background:#FFE828;}

#hledani	{float: right; width: 290px; height: 20px; margin-top: 0px; font-size: 80%;
			_position: relative; _top: 0px; _left: 20px}
#hledani div	{float: left; color: #ffffff}
#okynko		{width: 150px; height: 22px; border: 1px solid #ffffff; background: url('../_images/okynko.gif') top left repeat-x;
		margin: 8px 6px 0 0;}
#hledej		{background-color: #000000; color: #ffffff; padding: 3px; font-weight: bold;
		margin-top: 8px; _margin-top: 9px; _height: 22px}

#horni	{width: 100%; height: 260px; height: 260px;background: url(../_images/horni-pozadi.jpg) top left repeat-x; }
#vhornim{width: 100%; height: 260px; background: url(../_images/horni-tukan.gif) bottom left no-repeat;
	_background: url(../_images/horni-tukan-ie.gif) bottom left no-repeat;}

/*#logo		{float:left; margin-left: 32px}*/
.top {height:260px;width:100%;background:url(../_images/bgTop.jpg) top left no-repeat;position:relative;}
.top #logo {width:385px;height:103px;display:block;left:110px;top:3px;position:absolute;overflow:hidden;z-index:1;}
.top #logo h1, #logo h1 span {width:385px;height:103px;position: absolute;top: 0px;left: 0px;z-index: 1;overflow: hidden;color: #fff;padding-left: 0px;padding-top: 0px;margin: 0px;}
.top #logo h1 span {width:385px;height:103px;background-image:url(../_images/logo.gif);background-repeat:no-repeat;display: block;left: 0px;cursor: pointer;margin: 0px;overflow:hidden;}

.top #banner {width: 580px; height: 260px; background-color: #ffffff;position:absolute;top:0px;left:481px;z-index:10;}

#hlavni-panel		{width: 1000px; margin: auto; margin-top: 10px; /*padding-bottom: 20px;*/ text-align: left;}
#levy-panel		{width: 270px; float: left; font-size: 80%;padding-bottom:155px;}
#levy-panel ul			{list-style: url(../_images/sipky.gif); margin: 8px 0 6px 50px;/* padding: 8px 0 6px 50px*/}
#levy-panel ul li		{margin: 10px 0px /*padding: 10px -30px*/}
#levy-panel ul li a		{font-weight: bold; color: #000000;}
#levy-panel ul li.level0selected > a, #levy-panel ul li a:hover
		{color: #2d709d; text-decoration: none;}

#levy-panel ul li ul		{margin-left: -32px; list-style: none;}
#levy-panel ul li ul li		{padding: 0;margin:0; width: 199px; height: 20px; _list-style-image: url(../_images/siky.gif);
				*list-style-image: url(../_images/siky.gif)}
#levy-panel ul li ul li.level1selected	{background: url(../_images/li-pozadi.gif) top left no-repeat; }
#levy-panel ul li ul li.level1selected a, #levy-panel ul li ul li a
		{padding: 0 0 0 55px; font: bold 100%/24px Arial, sans-serif;}
#levy-panel ul li ul li.level1selected a	{text-decoration: none; color: #ffffff;}
#levy-panel ul li ul li a	{text-decoration: none;color: #000000;}
#levy-panel .level2 { display: none; }

#sleva {position:absolute;z-index:1000;margin:60px 0 0 1020px; _margin:60px 0 0 420px; *margin:60px 0 0 420px;}

/* leve menu */ /* u csshover.htc je treba zmenit URI */
.catalog_menu ul {margin:0;_padding: 0;behavior: url("/web/_css/csshover.htc");}
.catalog_menu ul.level0 a {display:block;padding:3px 0 3px 3px !important;}
.catalog_menu ul.level0 a:hover {background-color:#2E719B;color:#ffffff !important;display:block;padding:3px 0 3px 3px !important;margin:0;text-decoration:underline !important;}
.catalog_menu ul.level0 li {margin:2px 60px 2px 0 !important;padding:0 !important;position:relative !important; _margin:0 60px 0 0 !important; _line-height:1.3em;_height:1%;}
.catalog_menu ul.level0 ul.level1 {display:none;}
.catalog_menu ul.level0 li:hover {background-color:#2E719B; _padding:0 !important;_margin:0;_height:1%;}
.catalog_menu ul.level0 li:hover a {color:#ffffff !important; _height:auto;_margin:0;_padding:0;}
.catalog_menu ul.level0 li:hover ul.level1 {display:block;}
.catalog_menu ul.level1 {position:absolute;top:-8px;left:105%;background:#C03F2C;padding:5px 15px 15px 15px;width:120px;list-style-type:none;z-index:5; _padding:5px 0px 5px 15px;}
.catalog_menu ul.level1 li {padding:3px;margin:0;position:relative;z-index:500; _width:150px !important;}
.catalog_menu ul.level1 li:hover {background-color:transparent;color:#ffffff;}
.catalog_menu ul.level1 a {display:inline;color:#ffffff !important;border-bottom: 1px solid #C56B60;}
.catalog_menu ul.level1 a:hover {display:inline;text-decoration:underline;background:none;}
/* konec leveho menu */

#prodejny-praha {margin:10px 0 0 0;}
#aktuality	{padding-top: 10px; width: 31px}

.novinka	{margin: 20px 0 10px 30px; width: 185px}
.novinka h3	{color: #ff8800; font-size: 100%}
.novinka a, .novinka span	{color: #ff8800;}
.novinka a:hover	{text-decoration: none;}


#pravy-panel	{float: right; width: 724px; _width: 700px; margin-top: 22px; padding-bottom: 30px;}

#vitejte	{float: left; width: 717px; height: 116px; background: #ffffff url(../_images/headline.gif) top left no-repeat;
		/*border-bottom: 1px #dde8ef solid*/}
#obr		{float: right; width: 100px;}
#text-pravy	{float: left; width: 320px; margin: 47px 0 0 6px; font-size: 80%}

#nadpis		{font-weight: bold;  color: #ffff44; float: left; width: 400px;
		font-size: 160%; margin: 19px 0 0 50px; }
#text		{font-weight: bold;  color: #ffffff; float: left; width: 500px;
		font-size: 80%; margin: 0 0 0 52px; }

.strankovani	{text-align: right; border-bottom: 1px #dde8ef solid; font-size: 80%; width: 717px; height: 20px;
		float: left; margin-top: 5px}
.strankovani a	{font-weight: normal; color: #000000}
.strankovani a:hover	{text-decoration: none;}
.strankovani a.ted	{text-decoration: none; font-weight: bold; color: #cc2200}

.catalog_list .policko	{width: 717px; min-height: 265px;_height: 265px; float: left; /*border-bottom: 1px #dde8ef solid; */
		background: #ffffff/*c0402d*/; margin-top: 5px;}
.prvni-img	{float: left; margin: 0px 0px 0 7px; width: 223px; height: 247px;}


.policko-text	{float: left; margin: 3px 0 0 0; width: 450px; color: #000000; font-size: 75%; line-height: 1.7em}
.policko-text span	{font-weight: bold; color: #32739b}
.emotikon	{float: left; margin-top: 15px}
.tech-list	{width: 146px; height: 35px; _width: 153px; _height: 39px; background: url(../_images/tech-list.gif) top left no-repeat;
		margin: 15px 0 0 270px; line-height: 1.3em; border: 1px solid #32739b; padding: 4px 0 0 7px}
.tech-list a		{color: #32739b}
.tech-list a:hover	{text-decoration: none;}


.location_index #vitejte	{float: left; width: 723px; height: 137px; background: #dff1fc url(../_images/vitejte.gif) top left no-repeat}
.location_index #text-levy	{float: left; width: 340px; margin: 40px 0 0 52px; font-size: 80%; _margin-left: 20px}
.location_index #text-pravy	{float: left; width: 320px; margin: 40px 0 0 6px; font-size: 80%}

#policka-v-pravem {/*width: 735px;*/ margin-left: 10px; margin-top: 20px; float: left}

.policko	{width: 348px; height: 190px; float: left; _width: 340px;
		background: #ffffff/*c0402d*/ url(../_images/policko-index-pozadi.gif) bottom right no-repeat}
.policko .prvni-img	{float: left; margin-left: 24px; _margin-left: 10px; width: 160px; height: 190px; text-align: center}
.policko .nadpis		{float: left; margin-top: 65px; width: 158px}
.policko .policko-text	{float: left; margin: 5px 0px 0 0; width: 138px; color: #ffffff; font-weight: bolder;
		font-size: 80%}
.policko .policko-text div	{padding-top: 5px; font-size: 140%}
.policko .policko-text div a	{color: #ffff62}
.policko .policko-text div a:hover	{color: #ffff62; text-decoration: none;}

.location_nase_sluzby .policko	{height: 148px;}
.location_nase_sluzby .policko .nadpis {margin-top: 23px;}

.subpage {padding:20px;font-size:0.8em;}
.subpage p {margin:0;padding:0;padding-bottom:20px;clear:left;}
.subpage p.kont strong {display:block;margin-bottom:10px;}
.subpage a {color:#B52115;text-decoration:underline;}
.subpage a:hover {text-decoration:none;}
.subpage img {border:1px solid #000000;margin:10px;margin-top:0;}
.subpage form {padding:10px;}
.subpage tr.title td {padding:8px;padding-left:0px;font-weight:bold;}
.subpage tr.other td {padding-left:20px;padding-right:10px;}
.subpage input.normalsize {padding:2px;width:30ex;}

ul.servis {margin-left:30px;list-style-type:none;}
ul.servis li {line-height:2em;}
ul.servis a {color:#000000;text-decoration:none;padding-left:30px;padding-top:3px;padding-bottom:3px;}
ul.servis a:hover {text-decoration:underline;}
ul.servis a.form {background:url(/web/_images/form.gif) left no-repeat;}
ul.servis a.rady {background:url(/web/_images/rady.gif) left no-repeat;}
ul.servis a.dotazy {background:url(/web/_images/dotazy.gif) left no-repeat;}

table.cena {border-collapse:collapse;}
table.cena td {padding:3px;border:1px solid #34769B;}

#footer {clear:both;text-align:left;width:1119px;height:80px;padding:40px;line-height:2em;font-size:80%;color:#ffffff;background: #32739b url(../_images/zapati-top.gif) top left no-repeat;position:relative;}
#footer a	{color: #ffffff; text-decoration: underline;}
#footer a:hover	{text-decoration: none;}
#footer .poski {padding: 10px 0 0 8px;color:#000000;width:180px;height:45px;background: url(../_images/poski.gif) top left no-repeat;}
#footer .poski a {text-decoration: none;color: #000000;}
#footer .poski a:hover {text-decoration: underline;}
#footer #tukan {background: url(../_images/tukan.gif) top left no-repeat;width:224px;height:152px;left:94px;top:-191px;position:relative;}
#footer .left {float:left;margin-top:-140px;}
#footer .right {float:right;margin-top:-140px;}
/*
#zapati			{width: 100%; height: 165px; padding-top: 40px; font-size: 80%; clear: both;
			color: #ffffff; background: #32739b url(../_images/zapati-top.gif) top left no-repeat}
#zapati-obr		{width: 130px; height: 85px; float: left}
.radek			{width: 730px; height: 27px; float: left; text-align: left}
#zapati a		{color: #ffffff; text-decoration: underline;}
#zapati a:hover		{text-decoration: none;}

#poski 			{float: right; margin: -10px 110px 0 0px; width: 180px; _margin-right:70px; height: 45px; color: #000000;
			background: url(../_images/poski.gif) top left no-repeat; padding: 10px 0 0 8px}
#poski a		{text-decoration: none;color: #000000;}
#poski a:hover		{text-decoration: underline;}
*/

img.link_teta {position:absolute;top:37px;right:295px;}