@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|Milonga&subset=latin-ext);

html, body, #telo { height:100% }
body > #telo { height:auto; min-height:100%; }
body       { margin:0; color:#585230/*2F2519*/; background:#f8f6dd url(/images/pozadi_dole.jpg) repeat-y center; font:10pt 'PT Sans Narrow'; letter-spacing:.4pt}
#telo      { _min-height:100%; position:relative; width:820px; min-width:820px; margin:0 auto; background: url(/images/pozadi.jpg) no-repeat center top, url(/images/pozadi_dole.jpg) repeat-y center }
form, #pata { margin:0 20px }
form      { padding-bottom:30px; }
#pata     { position:absolute; bottom:0; width:780px; padding:5px 0; text-align:center; background: #f5c968 }
#pata a  { text-decoration:none; font-weight:bold; color:#CC0000;  margin:0 4px}
#pata a:hover  { text-decoration:underline; }
#pata a.js      { font-weight:normal }
.fb { position:absolute; right:5px; bottom:1px}

table     { border-collapse:collapse; }
#sall table { width:100% }
tr:hover  { background:#f8f6dd }
td,th   { border:1px solid #eb6; padding:2px 5px; }
th      { font-weight:bold; text-align:left; background:linear-gradient(to bottom, #dcb168 0%,#eebb66 50%,#dcb168 100%) ; }
.l  { text-align:left }
.r, .kos .r,
th:last-child, td:last-child, th:nth-last-child(2), td:nth-last-child(2)	{ text-align:right }
td.in   { padding:0}

.fota { }
.fota p { width:50%; float:left;padding-bottom:1em}
.fota p img { height:150px }

.prihlas	{ width:30em; margin:auto; background:rgba(245, 201, 104, .8); padding:1em 2em .5em; border-radius: 1em;}
.prihlas::after { content:" " }
.prihlas h2	{ margin-top:0 }
.prihlas label   { width:8em; float:left; text-align:right; padding:0 3px 0 0; line-height:18pt }
.prihlas input[type=submit] { width:8em; float:right; clear:right; margin-top:.6em }
.prihlas p.line input { clear:none; margin:1em 0 1em 2em; }
.prihlas p.line	{ height:1em; margin-bottom:2em }
.prihlas p 		{ _margin:1.5em 0 }
.prihlas fieldset { margin-bottom:2em; }
.prihlas fieldset label { width:90px}
.prihlas fieldset legend label { width:auto; float:none }
.prihlas textarea { font-weight:normal }
.prihlas .tlac { margin-left:2em }
.odbor       { margin-left:100px }
.odbor label { float:none; width:100%; display:block; text-align:left;  }
.odbor input { margin-right:4px;  }
#odbor       { margin-left:2em }
#vyrobce label { padding:0 }
.inzerat    { background: #b62d0d;color:#f8f6dd;padding:1em; text-align:center; border-radius:1em }
.inzerat a:link  { color:#fff }

fieldset            { border:1px solid #ED5E1C }
input,option,select { font:8pt "Arial CE",Arial,Helvetica; }
input[type=password],input[type=text],input[type=email],textarea, input[type=number],input[type=tel] { font:bold 9pt "Arial CE",Arial,Helvetica; color:#444 }
input, textarea, select { border:1px solid #eb6; margin:2px; background:#ffd }
input[type=checkbox],input[type=radio],input[type=image] { vertical-align:middle }
input[type=number]	{ text-align:center }
input[type=image] 	{ border:0; } 
input,textarea      { padding:2px 4px;}
#vyrobce input, #vyrobce input:focus { vertical-align:middle; outline:none; border:0 }
table input, table textarea  { margin:0; padding:3px ; }

#kontakty  { width:24em; float:left }
#dotazy     { float:right; padding:0.1em 2em 1em; margin:0 0 1em 2em; width:22em; background-color:rgba(245, 201, 104, .6) }
#dotazy input,
#dotazy textarea { margin:5px 0;}
#dotazy textarea { width:calc(100% - 10px) }
button,
input[type=button] { cursor:pointer; font:10pt 'PT Sans Narrow' }
input:disabled, input:disabled:hover  { background-color:#ccc; color:#999; cursor:not-allowed }

td.focus	{ background:#cb6 }

p             { margin:.6em 0 .3em}
a             { color:#ED5E1C; outline:none; }
a:hover       { color:#b62d0d; }
h1, h2, h4, .hlava    { font-family: Milonga, Georgia, "Times CE", Times; font-weight:normal }
h1            { font-size:1.2rem; color:#b62d0d; margin:1em 0 0 }
p.hlava      { font-size:1.2rem; color:black; padding:195px 0 5px 280px; margin:0 0 30px; }
p.hlava span { color:#585230;}
p.hlava span.barva { color:#b62d0d; font-size:1.4rem }
h2      { font-size:1.1rem; margin-top:1.4em; color:#b62d0d; }
h2 span { _color:#b62d0d }    
h2.clr  { padding-top:2em}
h3      { font-size:100%; margin-bottom:.5em; letter-spacing:.5pt; }
ul,ol   { margin:0; padding:0 0 0 25px; text-align:left; }
li      { margin:3px 0 0 0; padding:0;  }
   
a img    { border:0; }
p img 	{ border:3px solid white; box-shadow:0 0 3px #444}

div.k       { width:calc(50% - 2.8em); float:left; margin:.5em; font-size:90%; background:#f8f8c8; border-radius:6px;
              border-right:2px solid #ec8; border-bottom:2px solid #ec8; padding:.5em .8em;  }
.k h2       { color:#da5; font-size:120%; margin:0; height:1.2em; overflow:hidden; }
.cinsky     { color: #b62d0d; margin:0 0 1em; text-transform:uppercase; border-bottom:1px solid #ec8; line-height:1.5em; }
.cena       { float:right; width:8em; color:#666; text-align:right; font-weight:bold;   }
.baleni     { color:#666; border-top:1px solid #ec8;   }
.cena,.baleni { line-height:1.6em; margin-top:1em; padding-top:.2em}
.k ul       { height:10em; 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;  }
.k li       { color:#963; margin-top:.3em; line-height:1em; }
.k a.img    { width:95px; float:left; text-align:center; cursor:zoom-in }
.img img    { height:120px; margin:0; border:0; }
.k p        { display:none }

.skl:before	{ content:"✅ "}
.skl, span.kup  { line-height:24px; }
span.kup       { float:right; padding:0 0px 0 .6em; text-decoration:none; border-radius:4px;
              color:#BCB603; letter-spacing:1pt; cursor:pointer }
span.kup::after { content:"🛒"; font-size:140%; margin-left:.5em }
span.kup:hover { background-color:#EFDB92; color:#000; }
button.kup  { background: url(/images/kos.gif); padding:0; float:right; border:0; width:23px; height:20px}

div.detail    { width:calc(100% - 3em); padding:1em; font-size:120%;border-radius:12px; }
.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    { min-height:230px; padding:1em 2em; margin-left:230px; overflow:auto;  }
.detail li { margin-top:.5em }
.detail p  { display:block }
.detail .cena { line-height:1.2em }


td.kup:before { content:"🛒"; font-size:180%; float:right; }
td.kup:hover,
td.upravy:hover  { background:#fff; outline:2px solid #585230; cursor:pointer; }
td.upravy:hover::after	{ content:"✏️"; float:right }
td img 		{ height:35px; vertical-align:middle; }
td:first-child { cursor:zoom-in; }

@keyframes vysun {
    from { height:0 }
    to { height:300px }
}
span.zoom img { height:300px; cursor:zoom-out}
span.zoom { position:fixed; z-index:10; right:0;left:0; bottom:0; padding:20px 40px;background:rgba(0,0,0,.5);animation-name:vysun; animation-duration:1s; }

.ne, .v2 .vyr1, .v1 .vyr2  { display:none }
.v1 div.vyr1, .v2 div.vyr2 { display:block }
.v1 tr.vyr1, .v2 tr.vyr2   { display:table-row }

.admin  { right:24px; top:270px; position:absolute; z-index:3; }
.clr 	{ clear:right}
.clear, #navod  { clear:both }
#navod  { padding:5px; text-align:center; border:1px solid #eb6; font-size:small;border-radius:6px;}

.fl     { float:left; margin-right:5px }
.fr     { float:right;margin-left:5px }
label.fn { float:none }
.vlevo  { float:left; margin-right:8px }
.vpravo { float:right; margin-left:5px; width:235px }
.c { text-align:center }

#hlavni  { /*margin-left:25%;*/ padding:1em 2em 20px; }

nav                 { margin:0; position:absolute; top:242px; width:780px; letter-spacing:1pt;  }
nav > span          { height:28px; float:left; overflow:hidden; }
nav > span:last-child,
nav > span:nth-last-child(2) { float:right }            
nav > span.aktiv, 
nav > span a:first-child.aktiv,
nav > span:hover    { border-bottom:3px solid #ED5E1C; border-top:1px solid #ED5E1C; }
nav > span:hover a.aktiv	{ border:none }
@keyframes mnu {
    from { height:24px }
    to { height:auto }
}
nav > span:hover    { height:auto; background:rgba(250,250,220,.85/*245, 201, 104, .9*/); /*animation-name:mnu; animation-duration:.5s;*/ }

nav .aktiv          { color:#b62d0d;  }
nav a				{ text-decoration:none; color:#585230; display:block; }
nav > span a:first-child     { margin:0 1px 0 0; padding:0 10px; line-height:24px; font-weight:bold;  }     
nav > span a:nth-child(n+2)  { margin:5px 10px; padding-left:18px; background: url(/images/znackas.gif) no-repeat left; }    
                  
nav > span a:nth-child(n+2):hover, 
nav > span a:nth-child(n+2).aktiv { background-image:url(/images/znackao.gif); color:#000 }
nav > span:first-child a span 		{ width:1.1em; float:left; text-align:right; margin-right:.4em; background:#995; color:#f8f6dd; text-align:center }
nav > span:first-child a:hover span, 
nav > spa:first-child a.aktiv span { background:#333; color:#f8f6dd }
nav > span input   { margin:10px 0 10px 10px; border-radius:5px 0 0 5px; float:left; height:16px; width:12em }
nav > span button  { background:#eb6 url(/images/lupa.png) no-repeat center;width:22px;height:22px; margin:15px 10px 0 0; border:1px solid #eb6; border-radius:0 5px 5px 0; display:block }
nav > span:nth-last-child(2) a:first-child sup { position:absolute; line-height:8px;border-radius:6px; background:#000; color:#fff; font-size:50%; padding:2px;  }
input.chyba  	{ color:red; border-color:red }

.terminy td { padding:3px 5px }
.terminy li { margin:0 }

.kos table  { width:100% }
.kos tr.polozky td { font-size:8pt; }
.kos td     { border:none; font-size:8pt; text-align:left; vertical-align:middle;  }
.kos .soucet td { border-top:1px dotted #bb9a69 }
.kos th  { border:none; border-bottom:1px dotted #bb9a69; text-align:left }
.kos div { border:1px dotted #bb9a69; padding:5px; font-size:8pt }
.kos a   { text-decoration:none }
.ido,.close,.del,.add,.save,.search,.edit,.filtr 
            { background:url(/images/lupa.png) no-repeat; font-size:0;width:16px;height:16px; border:0; cursor:pointer; }
a.close     { display:block; }
.close      { background-image:none /*url(/images/close.gif);*/ }
a.close::before { content:"⏎"; font-size:14px; line-height:14px }
.del        { background-image:url(/images/b_drop.png); float:right; }
.add        { background-image:url(/images/add.png); float:right; }
.save       { background-image:url(/images/save.png); }
.filtr      { background-image:url(/images/filtr.gif); }
.edit       { background-image:url(/images/b_edit.png); }
a.edit	{ display:block }
td.ed         { padding-left:0 }
td.ed input   { background:white; border:1px dotted #b62d0d}


tr.vyrizeno { background:url(/images/poz5.png); color:#666 }
tr.vybrany  { color:#b62d0d }
.vybrany { background:#fea;  }
.w100 { width:100% }
.w100 tr:hover { /*background:inherit*/ }
td.adr      { padding:10px 5px 5px; text-align:left }
.adr label { width:5em; text-align:right; float:left; line-height:18px; height:18px; margin-right:3px }
.adr div   { width:45%; float:left;  }
.adr input { display:block; height:16px; padding:1px 2px; margin-bottom:5px }
.adr a { line-height:18px; }

.editzb:hover   { cursor:pointer; background:#fff url(/images/b_edit.png) no-repeat center}
.editzb:hover img { visibility:hidden }
.soucet .ed       { padding:0 }
td.ed input, 
.soucet td.ed button  { width:50px; color:#000 }
.soucet td.ed button { width:100%; border:0; margin:0; }
.ed button:hover { background:url(/images/b_drop.png) no-repeat left;  }


.tlac       { background:#ED5E1C; color:#eda; border:0px solid #666; padding:.3em .6em; cursor:pointer; font-size:110%; border-radius:5px }
.tlac:hover { background:#f82; color:white;}
a.tlac      { text-decoration:none; } 
.fr .tlac	{ margin:1em 0 0 1em }


a.doc { background:url(/data/word.gif) no-repeat left; padding:3px 2px 2px 20px;  }
a.pdf { background:url(/data/pdf.gif) no-repeat left; padding:3px 2px 2px 20px;  }
/*a[href^='tel:']::before { content:'✆ ' }
a[href^='mailto:']::before { content:'✉︎ ' }
*/
.excel, .excel:hover { background-image:url(/data/excel.gif);background-repeat:no-repeat; background-position:left; padding-left:20px; line-height:20px}

.pointer  { cursor:pointer; vertical-align:top }

#editable { outline:2px dotted #ED5E1C }

address { font-style:normal }

iframe { border:0; width:100%; height:400px }

#potvrd 	{ position:fixed; z-index:10; background:rgba(0,0,0,.5); width:100%; height:100%;top:0;left:0; }
#potvrd div,
#potvrd form { min-height:14em; background-color:#fff;padding:2em 4em; position:fixed; top: 50%; left:50%; transform: translate(-50%,-50%); border-radius:1em;  }
#potvrd img { width:120px; float:left; margin-right:2em  }
#potvrd  h2 { margin:.5em 0; clear:none }
#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 textarea { border:1px solid #aaa; width:calc(100% - 12px); resize:vertical; margin-bottom:1em }
#potvrd form span { float:right; cursor:default }

/*
@media screen and (max-width:800px) {
	#telo { width:100%;  }
	p.hlava { padding-left:0;text-align:center }
	#menu { left:0; width:100% }
	#pata { width:100%;margin:0 }
}*/