html, body {background-color:white; margin:0; padding:0; height:100%; width:100%;}
body {font-family: Arial, Helvetica, sans-sherif; font-size:small;}
div#d1 {}
div#d2 {}
div#main {width:780px; margin:5em auto;}
div#titlepage {width:446px; margin:5em auto; height:214px;}
div#titlepage a {background-color:white;}

div#titlepage2 {width:507px; margin:5em auto; height:550px;}
div#titlepage2 a {background-color:white;}

div.nod {display:none;}
div.clear {clear:both;}
#menu {width:150px; float:left; line-height:150%;}
#menu a {color:black; text-decoration:none; }
#menu a:hover {background-color:#fce92a;}
#menu a.activ {background-color:#fce92a;}

.submenu {position:relative;  background-color:white; padding:1em;}
#subm-1 {width:170px; top:-5.4em; left:5em;}
#subm-2 {width:60px; top:-3.9em; left:6.5em;}
#subm-3 {width:60px; top:-2.4em; left:6.5em;}
#subm-4 {width:60px; top:-10em; left:6.5em;}

#content {width:600px; float:right;}
#content-uzky {width:500px; float:right;}

.zluta {background-color:#fce92a;}

img {display:block; border-style:none;}
h1 {line-height:135%; margin: 0 0 1em 0; font-size:small;}
h1 a {font-weight:normal;}
p {line-height:135%; margin: 1em 0;}
a {color:black; text-decoration:underline;}
a:hover {background-color:#fce92a; text-decoration:none;}

#products a {display:block; margin:0 7em 3em 0; width:150px; float:left;}


#popup-for-free {display:none; width:477px; height:292px; background:url('timg/fancy-porcelain-for-free.png') no-repeat; position:absolute; top:250px; _top:100px; border:1px solid black;}
#popup-for-free img {position:relative; top:238px; left:104px;}

#porc-for-free .img1 {float:left; margin-bottom:2em;}
#porc-for-free .adresa {float:left; margin-left:26px;}
#porc-for-free .mapa {float:left; margin-bottom:2em;}
#porc-for-free .foto {float:left; margin-left:20px;}

#content.infiltrate {}
#content.infiltrate img {float:left; margin:20px 0 0 0;}
#content.infiltrate img.obr {margin:0 20px 20px 0;}