@import url(https://fonts.googleapis.com/css?family=Underdog&subset=latin,latin-ext);
html,body { height:100%; margin:0 }
body    { background-color:#def; color:#369; font:12pt Underdog,Tahoma, "Arial CE", "Helvetica CE", Arial, sans-serif; }
.telo	{ margin:0 auto; position:relative; min-height:100%; height:100%; }
body > .telo { height:auto }
.karta	{ padding:3em; text-align:center }
.karta > p { color:#036; }
.karta * { text-align:justify }
form[name=fshop],
#kos 	{ min-width:50em;  margin:auto }
#kos	{ max-width:70em; }

table { margin:auto }

.karta > table td:last-child,
.karta > table td:nth-last-child(2) { text-align:right }
.pata   { text-align:center; position:absolute; bottom:1em; width:100% }
.pata a { text-decoration:none; font-weight:bold; color:#369 }
.w100 tr:first-child,
form[name=fshop] > table tr:first-child	{ position:sticky; top:2.63em; background-color:#fff }

p	    { /*letter-spacing:1pt;*/ margin:1em 0; }           
ul 		{ margin:1em 0 1em 1em; padding:0; text-align:left}
li      { margin:.2em 0 0 1em;  }
table	{ border-collapse:collapse; }
td		{ border-bottom:1px solid #bdf; padding:.2em .5em; text-align:left }
td td   { border:none }
th 		{ text-align:left; padding:.2em .5em; font-weight:normal; font-size:110%; border-bottom:3px solid #bdf; color:#69c;/*background-color:#fff9; */  }
td td 	{ padding:0 .4em 0 0;}
td table { width:100% }
caption	{ font-size:100%; font-weight:bold; text-align:left; letter-spacing:1pt; }
h1    	{  }
h2      { font-size:150%; color:#28c; }
.pol h2 { margin:0; }
h3		{ font-size:120%; margin:2em 0 0; }
h4     	{ font-size:110%; color:#036; margin:0 }
.cl	{ clear:left }

a 			 { color:inherit; }
a:hover      { color:#000; background-color:#fffa }
td:first-child a:hover { background:#fff }
.po_l a:hover { color:#369 }

menu,menu li { padding:0; margin:0; height:2.4em; }      
menu		{ position:fixed;z-index:3; top:0; width:100%; background-color:#69c; box-shadow:0 0 1em #0006; }
menu li		{ list-style:none; overflow:hidden; float:left; margin-right:2px; }
menu li:nth-child(n+5) { float:right; margin:0 0 0 2px; }
menu a:hover { color:#fff }
menu li a:first-child,
menu li > span:first-child,
span.null		{ color:#048; background-color:#8be; font-size:110%; }
menu li > *:first-child::first-letter { font-size:150% }
menu li > span	{ cursor:default; }          	  
menu li > span,
menu li a 		{ display:block; padding:.2em .5em }
menu li:hover,
li:hover #minikos 	{ height:auto; animation:mnu .5s }
@keyframes mnu {
    from { height:42px }
    to 	{ height:auto }
}
/*menu li:nth-last-child(n+4):hover,
menu li:last-child:hover,*/
menu li:hover { box-shadow:0 0 .8em #0006; border-radius:0 0 8px 8px; }
menu li a:first-child:hover,
menu li > span,
menu li > span.sel, 
menu li:hover 	{ background-color:#bdf; color:#08c; }
menu li a:hover { background-color:#048; }
menu li:hover 	{ background-color:#fff; }
menu a    { text-decoration:none; }
menu li	> *	q	{ padding:.2em .5em; }
menu li:hover > span { background-color:#bdf; }
menu li:nth-child(n+4) > span.sel 	{ /*padding-bottom:1em*/ }
menu li a span { display:inline-block; width:1em; text-align:center; } 
#minikos 		{ height:0; overflow:hidden; padding:0; position:absolute; right:0; }
li:hover #minikos 	{ color:#08c; border-radius:0 0 .0 8px; background-color:#fff; border:0 solid #08c; border-width:0 0 2px 2px }
#minikos td 	{ border:0 }
#minikos img 	{ height:2em; }

div.p, div.pol { display:inline-block; text-align:left; margin:1em; padding:1em; border-radius:1em; background:#fff8; }
div.p       { width:calc(50% - 2.8em);  font-size:90%; padding:.5em .8em .8em;  max-width:32em; min-width:10em }
.p h2       { font-size:120%; margin:0; height:1.2em; overflow:hidden; }
.cinsky     { margin:0 0 1em; text-transform:uppercase; border-bottom:1px solid #28c; line-height:1.5em; }
.baleni     { color:#666; border-top:1px solid #28c;   }
.cena,.baleni { line-height:1.6em; padding-top:.2em; }
.p ul       { height:13em; margin:0 0 0 100px; padding-left:15px; overflow-y:hidden; text-overflow:ellipsis;
				/*display:-webkit-box;*/ -webkit-line-clamp:6; -webkit-box-orient:vertical; }
.p li       { margin-top:.3em; line-height:1em; }
.p p        { display:none }
.p a.img    { width:95px; float:left; text-align:center; cursor:zoom-in }
.img img    { height:120px; margin:0; border:0; }
.skl:before	{ content:"✅ "}
.skl, span.kup  { line-height:24px; }
span.kup		{ float:right; padding:0 0px 0 .6em; border-radius:4px; letter-spacing:1pt; cursor:pointer }
span.kup::after,
#kosik::after 	{ content:" Kč"; }
span.kup::before,
tr.kup td:nth-child(3),
#kosik::before	{ content:"🛒 "; /*font-size:140%;*/ }
span.kup:hover	{ background-color:#fff; color:#c00; }

div.detail    { width:calc(100% - 6em); padding:1em; font-size:120%;border-radius:12px; max-width:48em }
.detail h2    { font-size:160% }
.detail .cinsky, .detail .baleni { border-width:2px }
.detail a.img { padding:5px; cursor:zoom-out }
.detail .img img { height:250px }
.detail ul   	{ height:auto; min-height:13em; padding:1em 2em; margin-left:230px; overflow:auto;  }
.detail li		{ margin-top:.5em }
.detail p		{ display:block }
.detail .cena	{ line-height:1.2em }  

.ne			{ display:none !important}
.r,.r input	{ text-align:right; }
.l			{ text-align:left !important; }
.c			{ text-align:center }
.fl     	{ float:left }
.fr     	{ float:right }
.clear  	{ clear:both }
.auto td	{ width:auto }

.k,.k1 	    { background-color:#fff6; text-align:center; cursor:pointer; }
.k1, tr:nth-child(even) td.k { background-color:#fffa; }
.k:hover, .k1:hover, .km, tr:nth-child(even) td.k:hover	{ background-color:#fff; color:#c00; /*border-color:#c00;*/}
td.k:hover,td.k1:hover { box-shadow:0px 0px 6px 0px #666; }

.n          { background:#0001; color:#aaa; text-align:center !important; }
tr:nth-child(even) td.n	{  background:#ddd; }
.ed:hover  	{ background-color:red; color:#fff; cursor:pointer }

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=number],
form[name=texty] select,textarea 		{ font-size:110%; color:#048; border:0; padding:.2em .5em; box-shadow:0 0 .2em #0006; border-radius:.4em;}
textarea				{ font-family:Tahoma, "Arial CE"}
/*input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=number]:focus { background-color:#fec; color:#000 }*/
input[type=number]		{ width:4em; font-size:120%; font-weight:bold; text-align:center }
button,input[type=submit],
input[type=button],
.button 				{ cursor:pointer; text-decoration:none; font-size:100%; background:#8be; color:#fff; border:0; padding:.3em .5em; border-radius:.4em; }
button:hover,
input[type=button]:hover,
input[type=submit]:hover,
.button:hover { color:#fff; background:#048 }
.button a:hover { color:#fff }
.focus 	{ background-color:#fff }
/*
a.velky  { width:100%; height:100%; text-align:center;  
          z-index:1; position:fixed; left:0; top:0; background:url('/images/poz.png'); }

a.velky img  { height:80%; width:auto; border:15px solid #fff; position:relative; top:7%; float:none }
               
a.maly img       { border:2px solid #8be;  width:155px}
a.maly:hover img { border-color:#fff}
*/
.odstavec     { margin:2em; text-align:justify; line-height:160%; }
.odstavec:first-letter { font-size:400% ; float:left; margin-right:.1em}
.odstavec img { float:left; margin:0 3em 2em 0; border:2em solid white; border-width:2em 4em; border-radius:.5em }
.mr           { margin-right:10px}
#vyrobce	{ width:60%; margin:2em auto}

.pol		{ width:44%; min-width:34em;  vertical-align:top; }
.pol table,.p table	{ float:right; margin-left:1em; }
.pol > img	{ float:left; margin-right:2em; margin-bottom:1em; border-radius:8px; }
.pol.imgs img { width:270px;border:30px solid white }
.pol td img { margin:0 }
.pol img.fr { float:right; margin:0 0 5px 10px }
.kc,.vyr	{ white-space:nowrap }
.kc::before { content:"Cena: "; font-weight:bold } 
.kc::after	{ content:" Kč"; } 
.vyr::before { content:"Výrobce: "}
td:last-child,
td:nth-last-child(2),
th:last-child,
th:nth-last-child(2),
tr.in table td:last-child,
tr.in table td:nth-last-child(2)  	{ text-align:right; white-space:nowrap }
table.l th,
.kupofa th:last-child,
.kupofa th:nth-last-child(2) { text-align:left }
.kupto th { text-align:center }
.pol td.n, 
.pol td.k {  min-width:4em; text-align:center; }
.pol.sv td { min-width:3em; }
td.k:hover:before,
td.k1:hover:before,
.pol .k td:last-child::before,
tr.k td:last-child::before { content:'🛒 '}
tr.k td:last-child::after,
#kos tr:last-child th:last-child:after { content:' Kč' }

#kos h2			{ margin:0 }
#kos table		{ margin:1em 0; width:100% }
#kos td,
#kt td, #kt th  { text-align:left; white-space:normal }
#kos td:nth-last-child(3),
#kos td:nth-last-child(2),
#kos td:last-child	{ text-align:right; white-space:nowrap }
#kos .dop td:nth-last-child(2) { text-align:left; white-space:normal;  }
#kos .dop td:nth-last-child(2)::after {content:none}
#kos .dop td:nth-last-child(2) p { margin:0 0 .5em 0 }

#kos td:nth-child(2) { text-align:center }
_#kos td:nth-child(2) { background-color:#fff; width:0 }
#kos th 			 { text-align:left }
#kos th:nth-last-child(2),
#kos th:nth-last-child(3),
#kos th:last-child	{ text-align:right }
#kos td:nth-child(2) img { max-height:80px; max-width:120px }
#kos td:nth-child(3) img { max-width:200px; }
_#kos tr:nth-last-child(2) td:nth-child(2) 		{ font-size:300% }
_#kos tr:nth-last-child(2) td:nth-child(2):before { content:"📦" }
#kos tr:last-child td:last-child	{ font-size:110%; padding:.3em }
#kos fieldset	{ border:none; min-width:13em; text-align:left; padding:.3em 0; margin:0 }
#kos fieldset label { display:block; margin:.2em 0; min-width:14em } 
#kos fieldset input { margin-right:.6em }
#kos fieldset label span { float:right; margin-left:.5em }
#kos fieldset label span:after { content:" Kč" }
#kos td fieldset .misto { margin-left:1.7em }

.gdpr		{ padding:1em 2em; border:1px solid #8be; text-align:left }
.gdpr img	{ float:right; margin:-1em -2em 1em 2em }
.gdpr p:last-child	{ text-align:right }
select[name=ptel],
input[name=search] 	{ border-radius:.4em 0 0 .4em; }
input[name=search]	{ width:calc(100% - 2.8em - 1px)}
form[name=hledat]	{ padding-top:.2em }
input[type=tel],
input[name=hledej] 	{ border-radius:0 .4em .4em 0; }
.error		{ background-color:#fed; }
.error:focus { outline:2px solid #d64; }
.redy        { background-color:#efe; }
.redy:focus	{ outline:2px solid green }
.kontrola   { text-align:center; margin:2em 0; }
form[name=texty] .kontrola button { border-radius:2em; font-size:130%; padding:.5em 2em; margin:.6em auto 2em }

#kontrola   { text-align:center; color:#dc4a3d; background:#fff; border-radius:2em; padding:.9em 2em; margin:0 auto }
.prodejce::before { content:"prodejce"; position: relative; left:15em;}

.z		{ padding: 0 3em 3em; background-image:url('/images/marilyn2.gif'); background-repeat:no-repeat;background-position:bottom right;  }
.z h1	{ margin-top:0;margin-left:0; color:#8be }
.z li	{ list-style-position: outside; }

#kt                 { background-color:#0001; }
#kt th a			{ font-size:200%;line-height:0px; float:right; cursor:pointer; position:relative; top:.3em}
#kt td				{ width:auto; }
#kt  tr > *         { border-color:#def; border-width:2px }
#kt td:nth-child(2) { text-align:center }

.ikony		{ width:88px; float:right; margin:3px 0px; clear:right }
.ikony img	{ margin:3px 0 }

.pol th 			{ background-color:#9cf; color:#369 }
.pol tr:first-child th { text-align:center }
.veltab				{ float:right; background-color:#bdf; clear:right}
.veltab div 	 	{ height:20px; margin-top:1px; }
.veltab .hlava div	{ width:39px; height:17px; padding-top:3px; text-align:center; background-color:#9cf; margin-right:1px;}
.veltab div .hlava, 
.veltab .hlava .hlava	{ width:60px; height:17px; padding-top:3px; text-align:center; background-color:#9cf; }
.veltab div div 		{ width:80px; float:left; background-image:url('/images/mrizka.gif'); } 
.veltab div div.s15		{ width:60px; }
.veltab div div.s25		{ width:100px; }
.veltab div div.s3		{ width:120px; }
.veltab div div.s35		{ width:140px; }
.veltab div div.s4		{ width:160px; }
.veltab div div.posun	{ background-position:20px 0; }
.veltab div div.ods1	{ margin-left:40px; }
.veltab div div.ods3	{ margin-left:120px; }
.veltab div div.ods5	{ margin-left:200px; }

.vzorky		{ float:right; max-width:280px; margin:0 0 1em 2em }
.vzorky > span	{ display:block; float:left; width:60px; height:60px; border:2px solid #9CF; padding:3px; color:#eef; text-decoration:none}
.vzorky > span:hover, .vzorky > span.active { border-color:white; color:white; cursor:pointer }
.vzorky p	{ font-weight:bold; margin-bottom:0; clear:left }
.camel,.sabbia,.playa,.visone,.bronze,.moka,.blu,.nero { color:white !important }
.camel		{ background-image:url('/images/camel.jpg');}
.sabbia		{ background-image:url('/images/sabbia.jpg');}
.playa		{ background-image:url('/images/camel.jpg');}
.visone		{ background-image:url('/images/visone.jpg');}
.bronze		{ background-image:url('/images/bronze.jpg');}
.moka		{ background-image:url('/images/moka.jpg');}
.fumo		{ background-image:url('/images/fumo.jpg');}
.blu		{ background-image:url('/images/blu.jpg');}
.nero		{ background-image:url('/images/nero.jpg');}
.bila		{ background-color:#fff; }
.cerna		{ background-color:#222; color:#fff }
.bezova		{ background-color:#963; color:#fff }
.cervena	{ background:url('/images/kvety.jpg'); color:#fff }
.kytka  	{ background:url('/images/kvety3.jpg'); color:#fff }
.kvetym		{ background:url('/images/kvetym.jpg'); color:#fff }
.pjeans 	{ background:url('/images/jeans.jpg'); color:#fff }
.modra  	{ background:url('/images/vzor_modre.jpg'); color:#fff }
.kvetyf 	{ background:url('/images/kvetyf.jpg'); color:#fff }
.hadi   	{ background:url('/images/hadi.jpg'); color:#fff }

img.miry    { float:left; margin-right:0 }
.ofa th		{ width:100px; height:100px; text-align:left }
th.ofa      { width:60px; }
.ofa th.prvni	{ text-align:center }	
.black			{ background-image:url('/images/gilofa_2000_anthrazit.jpg');}
.anthracite		{ background-image:url('/images/gilofa_2000_anthrazit.jpg');}
.slate-grey		{ background-image:url('/images/gilofa_2000_schiefer.jpg');}
.silver			{ background-image:url('/images/gilofa_2000_silber.jpg');}
.navy			{ background-image:url('/images/gilofa_2000_marine.jpg');}
.jeans		  	{ background-image:url('/images/gilofa_2000_jeans.jpg');}
.olive			{ background-image:url('/images/gilofa_2000_oliv.jpg');}
.aubergine		{ background-image:url('/images/gilofa_2000_aubergine.jpg');}
.brown			{ background-image:url('/images/gilofa_2000_braun.jpg');}
.caramel		{ background-image:url('/images/gilofa_2000_caramel.jpg');}
.beige			{ background-image:url('/images/gilofa_2000_beige.jpg');}
.white			{ background-image:url('/images/gilofa_2000_weiss.jpg');}
.vzorky .ram { border-color:#008 }

#ipantofle td {text-align:center}
.hm			{ margin-top:20px}

.cz::before,.sk::before { /*position:relative; font-size:110%; left:9.5em*/ }
.cz::before { content:"🇨🇿 " }
.sk::before { content:"🇸🇰 " }
.de::before { content:"🇩🇪 " }
.it::before { content:"🇮🇹 " }
.ch::before { content:"🇨🇭 " }
.au::before { content:"🇦🇹 " }
.nz::before { content:"🇳🇿 " }

.dostupnost		{ margin-right:2em; width:13em; float:right; line-height:1em }
.vyrobce		{ margin:0 }
.vyrobce::before { content:"Výrobce:"; width:8em;float:left }
.dostupne::before { content:"Dostupnost:";width:6em;float:left }
.dostupne.okimg { background-position:6em 0; padding-left:0; line-height:1em }
.okimg.dostupne::before { width:8em }

.proslo { background:#cc9 }
.ok     { background:#CF9 }
.b      { font-weight:bold }
.main   { float:left; }
.main a	{ padding:2px 4px; width:100%;display:block; text-decoration:none; text-align:center;
          background:#444 ; color:#ccc; margin-left:-4px}
.main a:hover	{ background:#ddd; color:#000; }
.neni,.wait { background:url(/images/admin/ne.png) no-repeat left; padding-left:22px}
.okimg::before,
.err::before { display:inline-block; width:1.5em;  }
.okimg::before  { content:'✅'; }
.err::before    { content:'⚠️'; }
.okimg a, .oka a { font-weight:bold;color:#fff }
.wait	{ background-image:url(/images/admin/wait16.gif); }

.pdf	{ background:url(/images/pdf.gif) no-repeat left center; padding:3px 0 3px 22px }


.w100 	 	{ width:100%; float:none; margin:0; letter-spacing:.5pt }
.w100 tr 	{ background:#def;}
.w100 td 	{ width:auto; padding:2px 5px; border-width:1px 0; border-color:#9cf }
.w100 td:first-child,
.w100 td:nth-child(2),
.w100 th:nth-child(2) 	{ text-align:center }
.w100 td:nth-child(2) 	{ font-size:120% }
.w100 td:last-child input { text-align:right; }
.w100 td:nth-last-child(2)::after,
#kos td:last-child::after,
#kos td:nth-last-child(2)::after { content:" Kč"}
td.ktd, th.den, tr.ktr    { cursor:pointer }
td.ktd:hover, 
th.den:hover,
tr.ktr:hover 			{ background:#fff; color:#c00 }
tr.ktr:hover td:nth-child(3)::before,
td.ktd:hover::before { content:"🛒"; font-size:180%; float:right; margin-right:.5em }

.w100 td:first-child img { height:85px; cursor:zoom-in }
.w100 span.zoom img		{ height:auto; }
.w100 .zoom,.w100 td:first-child .zoom img  { cursor:zoom-out }
span.zoom img { height:auto; }
span.zoom { position:absolute; z-index:2; left:-1em;padding:40px;background:#fff; box-shadow:0 0 1em #0008 )/*rgba(255,255,255,1);animation-name:vysun; animation-duration:.5s;*/ }
/*@keyframes vysun {
    from { width:0; }
    to 	 { width:250px; }
} */

#top 		{ position:fixed; z-index:10; background:#0008; width:100%; height:100%;top:0;left:0; }
#top p label 	{ width:4em; display:inline-block; text-align:right; margin-right:.5em }
#top input[type=text],
#top input[type=email],
#top input[type=password]  { border:1px solid #ccc; }
#top input[type=text]:hover,
#top input[type=email]:hover,
#top input[type=password]:hover { border-color:#888; }
form[name=okno] button 	{ margin:0 1.5em 0 0; }
#top p.cl 		{ margin:1.5em 0 0; }
#oko            { cursor:pointer; font-size:140%; vertical-align:middle; position:absolute; right:3.1em; }
:disabled, :disabled:hover  { background:#eee; color:#888; cursor:not-allowed }
form[name=tcm] textarea   { resize:vertical; width:calc(100% - 6em - 2px); border:1px solid #aaa;vertical-align: top; }
top h2			{ margin:0 -2em; text-align:center; background-color:#8be; color:#fff; padding:.2em }
#top h3::before	{ content:"⚠️ "; }

form[name=texty]		{ display:block; width:40em; margin:2em auto }
form[name=texty] input,
form[name=texty] button { display:block; margin:.6em 0 }
form[name=texty] label	{ line-height:2em; width:10em; float:left; clear:left; text-align:right; margin-right:.8em; }
select[name=ptel] {  height:28px }
form[name=texty] select[name=ptel] {  float:left }

form[name=okno] > input[type=email] { margin:0 0 1em; }
form[name=okno] > input { width:16em}
#top form[name=okno]	{ width:19em }
#top iframe	{ width:calc(100% - 14em); height:calc(100% - 10em) }
#top form,
#top iframe,
#potvrd 	{ background-color:#fff; padding:3em 4em; border-radius:1em; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); box-shadow:0 0 1em;}
#potvrd 	{ width:26em; }
#potvrd		{ min-height:14em; background-color:#fff;padding:2em 4em; position:fixed; top: 50%; left:50%; transform: translate(-50%,-50%); border-radius:1em;  }
#potvrd img { max-width:120px; max-height:180px; float:left; margin-right:1em  }
#potvrd h2 { margin:.5em 0; clear:none; font-size:110% }
#potvrd input[type=number] { font-size:150%; font-weight:bold; text-align:center; margin-right:0.5em; width:3em }
#potvrd .cl input,
#potvrd .cl button	{ margin:1.5em 2em 0 0; display:inline; padding:.5em 1em; font-size:100%;}
#potvrd input[type=button] { margin-right:0 }
#potvrd form span 	{ float:right; cursor:default }
#top form[name=tcm]	{ width:30em; padding:1em 4em }
form[name=tcm] img 	{ float:right; width:100px }

#top form[name=obj] { width:58em; padding:1em }
form[name=obj] table { width:100%; background-color:#def }
form[name=obj] td p { margin:.4em 0 }
#top form[name=obj] td.l { text-align:left }

form[name=adr]      { padding:.5em 0; text-align:left }
form[name=obj] td div,
form[name=adr] div	{ display:inline-block; vertical-align:top }
form[name=adr] label,
form[name=adr] input[type=text],
form[name=adr] input[type=tel] { margin:.2em 0; font-size:100%  }
form[name=adr] select { font-size:100% }
form[name=obj] tr:last-child td,
form[name=obj] tr:first-child td { padding:.5em }

.vybrany    { background:#def; }
.vyrizeno td, td.vyrizeno { background-color:#0001; color:#666; border-color:#bbb }
.vraceno td { background-color:#f008; color:#fff }
.aktivni td { background-color:#eef8ff; font-weight:bold }
form[name=fshop] fieldset { width:auto; text-align:center; border:0px solid #8be; margin-bottom:1em }
iframe { width:100%; _height:500px; border:none }
th select, th option { font-size:80% }

.obj:hover	{ background-color:#fff8; cursor:pointer }
#zavrit 	{ text-align:center; cursor:pointer }
#zavrit:hover { background-color:#fff8 }
form[name=tab] table { margin:0; float:none }

tr.vybrano,tr.in  { background-color:#fff4; }
tr.det:hover,
tr.vybrano:hover { background-color:#fff8; cursor:pointer }
tr.vybrano:hover { cursor:n-resize }
tr.det td:first-child { width:2em }
tr.det:hover td:first-child::before { content:'🔎' }
tr.vybrano > td:first-child::before { content:'✕' }
tr.in table { border:1px solid #8be }
tr.in table td { padding:0 .4em; text-align:left }
tr.in table th { padding:0 .4em; }


@media screen and (max-width:1250px) {
menu { width:100% }
menu li:last-child,
menu li:nth-last-child(3) { width:3em }
menu li:hover { width:auto }
}
@media screen and (max-width:1100px) {
menu li { margin-right:.2em  }
menu li:nth-last-child(n+3) { width:3em }
menu li:hover { width:auto }
.w100	{ letter-spacing:0 }
.popiskat	{ padding:0 }
img.nikolai { margin-right:1em }
}
@media screen and (max-width:640px) {
.z		{ background-image:none; }
.pol	{ margin-left:0; margin-right:0; border-radius:0 }
.karta	{ padding-left:0; padding-right:0 }
#kos h2 { margin-left:.7em }
.pol h2 { clear:left}
#kos td img	{ height:40px }
#kos tr td:first-child,
#kos tr th:first-child  { display:none }
}
@media screen and (max-width:84em) {
.pol	{ width:calc(100% - 4em) }
}
@media screen and (max-width:560px) {
#kos tr td:nth-child(2),
#kos tr th:nth-child(2)  { display:none }
#kos tr td:last-child::after,
#kos tr td:nth-last-child(2)::after { content:""}
}
@media screen and ( max-width:480px) {
#kos label	{ float:none }
}