.clear {clear:both;}
hr.clear { visibility: hidden;}

@media screen,projection {
body {font-family:Verdana, "Geneva CE", lucida, sans-serif;font-size:0.8em;background:url(images/pozadi.png);padding:0;margin:0;line-height:1.3em;text-align: center;}
#body {position:relative;width:700px;margin:auto;background:#fff url(images/pozadi.jpg) left top;padding:0;text-align:left;}
h1 {height:50px;font-size:1.8em; font-weight:normal;color: #406180;line-height: normal;}
h1 {position:relative;overflow:hidden;margin:0;padding:0;}
h1 span {display:block;position:absolute;left:0;top:0;z-index:1;margin:0;padding:0;background-position:left top;background-repeat:no-repeat;}
h1 span {width:500px;height:50px;}
h2 {font-size:1.3em;}
h3 {font-size:1.15em;}
ol,ul {margin-left:50px;}
a {color:#406180;}
a:hover {text-decoration:none;color:#BF3430;}
a img {border:none;}
address {font-style:normal;color:#406180;}
.r {text-align:right;}
#hlavicka {width:700px;height:204px;}
#subertova-cz #hlavicka { background-image:url(images/hlavicka.png);}
#subertova-de #hlavicka { background-image:url(images/hlavicka-de.png);}
#subertova-en #hlavicka { background-image:url(images/hlavicka-en.png);}
#hlavicka a {display:block;height:130px;width:550px;margin:auto;}
#hlavicka span,#menu span {display:none;}
#text {width:500px;display:block;margin-left: 180px;min-height:600px;_height:600px;}
#subertova-en #text {min-height:650px;_height:650px;}
#jazyky {position:absolute;top:20px;right:30px;margin:0;padding:0;}
/*#mezera {height:120px;clear:both;padding:0;}*/
#menu {margin:16px 0 16px 20px;padding:0;width:143px;_width:153px;_wid\th:143px;position:absolute;top:204px;left:0;_left:-20px;_lef\t:0;overflow: hidden; z-index: 50;}
#menu ul, #menu li {margin:0;padding:0;list-style:none;white-space:nowrap;}
#menu li { width: 500px;}
#menu ul {margin-top:5px;}
#menu li a, #menu ul li a, #menu li.active {/*height:30px;*/ background-position:left top;background-repeat:no-repeat;display:block;text-decoration:none;}
#menu li a:hover, #menu ul li a:hover, #menu li.active {background-position:left bottom;}
#menu img {vertical-align:top;}
#menu a:hover img {visibility:hidden;}
#muvod {background-image:url(images/m/uvod-on.png);}
#msortiment {background-image:url(images/m/sortiment-on.png);}
#msvanoce { background-image: url(images/m/s-vanocni-motivy-on.png);}
#mspranicka {background-image:url(images/m/s-pranicka-on.png);}
#mspranicka-mikro {background-image:url(images/m/s-pranicka-mikro-on.png); margin-left:20px;}
#mspranicka-mala {background-image:url(images/m/s-pranicka-mala-on.png);  margin-left:20px;}
#mspranicka-velka {background-image:url(images/m/s-pranicka-velka-on.png);  margin-left:20px;}
#mspranicka-dlouha { background-image: url(images/m/s-pranicka-dlouha-on.png); margin-left:20px;}
#mskrabicky {background-image:url(images/m/s-krabicky-on.png);}
#mssvatebni-oznameni {background-image:url(images/m/s-svatebni-oznameni-on.png);}
#mssvatebni-pozvanky {background-image:url(images/m/s-svatebni-pozvanky-on.png);}
#mspf {background-image:url(images/m/s-pf-on.png);}
#msobalka-rucni-papir {background-image:url(images/m/s-obalka-rucni-papir-on.png);}
#mssperky-keramicke {background-image:url(images/m/s-sperky-keramicke-on.png);}
#msobrazky {background-image:url(images/m/s-obrazky-on.png);}
#msblocky {background-image:url(images/m/s-blocky-on.png);}
#msrucni-papir {background-image: url(images/m/s-rucni-papir-on.png);}
#mstasky {background-image:url(images/m/s-tasky-on.png);}
#mstexty {background-image:url(images/m/s-texty-on.png);}
#msverse {background-image:url(images/m/s-verse-on.png);}
#mstyp-pisma {background-image:url(images/m/s-typ-pisma-on.png);}
#msbarva-pisma {background-image:url(images/m/s-barva-pisma-on.png);}
#mcenik {background-image:url(images/m/cenik-on.png);}
#mkontakt {background-image:url(images/m/kontakt-on.png);}
#mobjednavky {background-image:url(images/m/objednavky-on.png);}
#paticka {clear:both;text-align:center;height:124px;width:100%;background: url(images/paticka.png) center no-repeat; margin-top: -40px;}
#copy{ position: absolute; width: 300px; text-align: right; bottom: 20px; _bottom: 30px; right: 110px; z-index: 50; font-size: 0.8em; color: #406180;}
#jpranicka IMG{margin-left:0px;}
}

.ilustrace {float:right;clear:right;padding:20px 20px 20px 20px;}
.gal {clear:both;text-align:center;}
.gal a { text-decoration: none;}
.gal em { font-style: normal; text-decoration: underline;}
.gal a:hover em { text-decoration: none;}
.gal p { float: left; padding: 0; margin: 10px 0;}
.gal img, .galmenu img {padding:2px;border:1px solid #fff;margin:0 5px 8px auto;background:#fff;}
.gal a:hover {background:none;text-decoration: none;}
.gal a:hover img, .galmenu a:hover img {border-color:black;}
.galmenu a {text-align:left;display:block;width:160px;}
.galmenu a:hover {font-weight:bold;}
.dve_fotky {margin-left:75px;}
.verse { margin:0;padding:0;width:250px;float:left;text-align:center;list-style:none;}
.verse li { padding:10px;}
.kody { list-style: none;}
.kody li { margin-bottom: 5px; padding-left: 5em;}
.kody em, .kodyspan span { display: inline; float: left; margin-left: -5em; font-style: italic;}
.kodyspan em { float: none; margin-left: 0}

@media print {
body {font-size:1em;}
h1 {font-size:1.5em;}
h2 {font-size:1.3em;}
h3 {font-size:1.15em;}
#menu,#mezera,#paticka,.r,#jazyky,#copy {display:none;}
#hlavicka a {color:#000;display:block;width:100%;font-size:1.2em;text-decoration:none;font-weight:bold;border-bottom:1px solid gray;}
.gal { margin-top: 20px; clear: both;}
.gal p { width: 30%; height: 200px; page-break-inside: avoid;}
.gal a { color: #000; font-size: 0.9em;}
.gal img { border-color: #e1dce2;}
}