body { color:#000; background:#EEE; }

/* content */
#content {border:1px solid #E2E2E2; border-width:1px 0; background:#FFF;}
#content .in { background:#FFF url('../img/new/shadow-bottom2.gif') 50% 100% no-repeat; padding-top:20px;}
#content .in.full table.grid {margin-left: auto; margin-right: auto;}

/* table */
.tleft { text-align:left}
.tcenter { text-align:center}
.tright { text-align:right}
.bold { font-weight:bold}
.sortable { border:1px solid #CFCFCF;}
.sortable td, .sortable th { vertical-align:middle; padding:.2em .5em;}
.sortable .thbg { background:#EEE}
.sortable .reflower { color:#FFF; background:#EC3D00;}
.sortable .titlebg { background:#FEF8C7}

/* calender */
.ccalfloat { float:left; margin-right:10px;}
.ccalendar { table-layout:fixed; width:15em; border-collapse:separate; text-align:center; border:2px solid #EEE;}
.ccalendar th { font-style:italic;}
.ccalendar .thbg { color:#000; background:#D4D4D4;}
.ccalendar .topth { color:#FFF; background:#4B301D;}
/* puvodni*/
.ccalendar td.blank { background: #EEE; }
.ccalendar td.cached { background: #33DFE9; } /* #00B0D9 */


/* last operation result - info box */
.box-info, .box-true, .box-false {
  overflow:hidden; display:block;
  white-space:nowrap;
  padding:0 14px 0 48px;
  line-height:42px;
  min-height: 42px;
  color:#FFF;
  background:url('../img/new/box-tip-icons.png') no-repeat;
  border-radius: 15px;
  font-size:120%; font-weight:bold;
  text-align: left;
}

.box-info {
  background-position:0 -300px; background-color:#AAA;
  -moz-box-shadow:    inset 4px 4px 6px 0px #999;
  -webkit-box-shadow: inset 4px 4px 6px 0px #999;
  box-shadow: inset 4px 4px 6px 0px #999;
}
.box-true {
  background-position:0 0; background-color:#09CB5B;
  -moz-box-shadow:    inset 4px 4px 6px 0px #07B150;
  -webkit-box-shadow: inset 4px 4px 6px 0px #07B150;
  box-shadow: inset 4px 4px 6px 0px #07B150;
}
.box-false {
  background-position:0 -150px; background-color:#EC3D00;
  -moz-box-shadow:    inset 4px 4px 6px 0px #CC3300;
  -webkit-box-shadow: inset 4px 4px 6px 0px #CC3300;
  box-shadow: inset 4px 4px 6px 0px #CC3300;
}

.box-info.inline, .box-true.inline, .box-false.inline {
  display: inline-block;
}
.box-info a, .box-true a, .box-false a { color:#FFF;}
.box-info a:hover, .box-true a:hover, .box-false a:hover { color:#095A8C;}

.box-info.refurbished {margin-top: 1em; margin-bottom: 0;}

/* small login */
.login-form { width:330px; margin:0 auto; padding:30px 0 0; text-align:left;}
.login-form .logo-small { float:left; =flaot:none; =display:block; margin:0 0 20px;}
.login-form .box-in { zoom:1; clear:both; margin:0 0 20px; padding:20px 0 0; background:#FFF url('../img/new/login-form.gif') no-repeat;}
.login-form form { padding:0 20px 20px; background:url('../img/new/login-form.gif') 100% 100% no-repeat;}
.login-form label { display:block; color:#7D7D7D;}
.login-form .inp { width:268px; height:2em; line-height:2em; margin:0 0 .8em; padding:0 10px; border:1px solid #D5D5D5; background:#FFF url('../img/new/inp.gif') 0 0 repeat-x; font-size:134%;}
.login-form #pass { margin-bottom:1.2em;}
.login-form div { _zoom:1;}
.login-form h1 { margin:0 20px .5em; color:#5C3B24; font-size:167%;}
.login-form p { font-size:100%;}
.login-form p.fr { line-height:35px;}
.login-page .login-form #flagholder {position: inherit; }
.login-form #flagholder { position: relative; }

/*
.login-page .box-true, .login-page .box-false { min-width: 330px;}
*/

/* header */
#menu { position:relative; top:17px; float:right; max-width:65%; line-height:1.2; font-size:108%; }
#menu li { list-style:none; float:left; _width:80px; _white-space:nowrap; margin:0 0 0 10px; }
#menu a, #menu i, #menu b { display:block; height:55px; color:#FFF; background:url('../img/new/menu2.gif') no-repeat; font-style:normal; text-decoration:none; }
#menu a { /*background-color:#10A6DE;*/ background-position:50% -75px; background-repeat:repeat-x; }
#menu i { background-position:0 0; }
#menu b { display:table-cell; vertical-align:middle; =display:block; height:49px; padding:0 14px; =padding-top:7px; background-position:100% -150px; cursor:pointer; }
#menu a:hover, #menu a.act { /*background-color:#10A6DE;*/ background-position:50% -300px; }
#menu a:hover i, #menu a.act i { background-position:0 -225px;}
#menu a:hover b, #menu a.act b { background-position:100% -375px;}
#menu a.act { position:relative; top:14px; zoom:1;}

#subheader .in { width:960px; padding:0 20px;}
#subheader .prep { zoom:1; background:#4B301D;}
#subheader .prep .in { padding-top:6px; background:#4B301D;}
#subheader .user { float:right; color:#C1C1C1; line-height: 25px; }
#subheader .user.arrow-background { padding-right: 15px; background-position: right center; }

/*
#subheader .prep .in { position: relative; padding-top:6px; background:#4B301D;}
#subheader .user { position: absolute; top: 0px; right: 0px; color:#C1C1C1; line-height: 25px; }
#subheader .user.arrow-background { margin-top: -6px; height: 100%; padding-right: 15px; background-position: right center; }

*/


#submenu { margin:0; font-size:117%;} /* overflow:hidden; */
#submenu li { list-style:none; float:left; margin:0; }
#submenu a, #submenu i, #submenu b { display:block; font-style:normal; }
#submenu a b {padding-top: 3px;}
#submenu a { color:#EEE }
#submenu a:hover { color:#FFF }
#submenu b {padding:0 1em; }
#submenu a.act, #submenu a.act:hover { color:#4B301D; background:#EEE; text-decoration:none;}
#submenu a.act i { background:url('../img/new/menu2.gif') 0 -450px no-repeat;}
#submenu a.act b { background:url('../img/new/menu2.gif') 100% -500px no-repeat; padding:.4em 1em; }

#submenu li#user-info {color: white; float:right; position: relative; z-index: 11;}
#submenu li#user-info a {text-decoration: none;}
#submenu li#user-info a.arrow-background {background-position: 100% 60%;}
#submenu li#user-info ul {display: none; position: absolute; top:2em; right: 0px; background: #2D1D11; z-index: 10;}
#submenu li#user-info.show-info a {
  background-color: #2D1D11;
  border-radius: 10px 10px 0 0;
  padding: 3px 0;
}
#submenu li#user-info.show-info > a,
#submenu li#user-info.show-info ul {
  box-shadow: 1px 1px 3px 0px #444;
}

#submenu li#user-info.show-info ul {
  display: block; width: 200px;
  padding: 3px 5px;
  border-radius: 10px 0 10px 10px;
}
#submenu li#user-info ul li {display: block; float: none; padding: 5px;}
#submenu li#user-info ul li a {display: inline;}

#subheader .arts { zoom:1; padding:20px 0;}
#subheader .arts.empty {padding: 2px;}

/* formular pod submenu */
.inline-form { }
.inline-form ul.fl { float:left; margin:0;}
.inline-form li { list-style:none; float:left; margin:0 20px 0 0;}
.inline-form label { display:block; color:#7D7D7D; font-size:92%;}
.inline-form .btn, .inline-form .btn-new { margin-top:1.4em;}
.inline-form .ico-calender { float:left; margin:.2em 0 0 .5em;}
.inline-form .inp { float:left; width:6.5em; height:2em; line-height:2em; margin:0; padding:0 0.5em; border:1px solid #D5D5D5; background:#FFF url('../img/new/inp.gif') 0 0 repeat-x; font-size:117%;}
.inline-form .inp.date {width:6.2em;}

/* i jiny formular */
.ico-calender { float:left; margin:.2em 0 0 .5em;}
.inp-styled { float:left; width:6.5em; height:2em; line-height:2em; margin:0; padding:0 0.5em; border:1px solid #D5D5D5; background:#FFF url('../img/new/inp.gif') 0 0 repeat-x; font-size:117%;}
.inp-styled.date {width:6.2em;}

.input-styled {
  position: relative;
  display: inline-block;
  padding: 0 0 0 8px;
  height: 29px;
  border: 1px solid #aaa;
  border-radius: 0px;
  background-color: #f9f9f9;

  /*
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #f4f4f4 20%, #eeeeee 50%, #f6f6f6 52%, #ffffff 100%);
  */

  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 30px;
  font-size: 13px;
  font-family: Arial,Helvetica,sans-serif;
}

.input-styled.tar { padding-right: 8px; }

#calendar { z-index: 1000; }
.zunder { z-index: -1; }

/* jednoduche blokove odkazy */
.blocklinks a {display: inline-block; margin-right: 0.5em; padding: 0.5em 1em; border: 1px solid #ddd; background: #eee; }


/* dropkick - stylovane selecty */
.dk_container { display:none; float:left; position:relative; height:2em; line-height:2em; margin:0; padding:0; border:1px solid #D5D5D5; background:#FFF url('../img/new/inp.gif') 0 0 repeat-x; font-size:117%; }
.dk_container:focus { outline:0; }
.dk_container a { cursor:pointer; text-decoration:none; outline:0; }
.dk_toggle { display:-moz-inline-stack; display:inline-block; *display:inline; position:relative; zoom:1; padding:0 38px 0 .5em; color:#000; background:url('../img/new/dk_toggle.png') 100% 50% repeat-y; }
.dk_toggle:hover { border-color:#8c8c8c; }
.dk_focus .dk_toggle { border-color:#40b5e2; }
.dk_open { position:relative; z-index:10; }
.dk_open .dk_toggle { background-color:#ececec; border-color:#8c8c8c; color:#ccc; }
.dk_options { display:none; margin-top:-1px; position:absolute; right:0; width:100%; }
.dk_options a { background-color:#fff; border-bottom:1px solid #999; padding:0 10px; }
.dk_options li { float:none; margin:0; }
.dk_options li:last-child a { border-bottom:none; }
.dk_options a:hover, .dk_option_current a { background-color:#0084c7; border-bottom-color:#004c72; color:#fff; text-decoration:none; }
.dk_options_inner { overflow:auto; position:relative; border:1px solid #8c8c8e; border-bottom-width:2px; border-bottom-color:#999; color:#333; max-height:250px; /* text-shadow:#fff 0 1px 0; */ }
.dk_options_inner, .dk_touch .dk_options { max-height:250px; }
.dk_open .dk_options { display:block; overflow:hidden; }
.dk_open .dk_label { color:inherit; }
.dk_options a, .dk_options a:link, .dk_options a:visited { display:block; }
.dk_touch .dk_options_inner { max-height:none; overflow:visible; }
.dk_fouc select { position:relative; top:-99999em; visibility:hidden; }


/* ----------- puvodni styly ----------- */
.gray { color: #6F6F6F; }
.orange {color: #FF6600; }
.yellowbg { background: #FFCCE8; }

.green {color: #77B94F;}
.red   {color: #A40000;}
.lred {color: #FF0404;}
.grey { color: #C8B8A8; }

.missing { background-color: #F7C8CC; }


/* podbarveni bunek tabulky */
.thbg { background-color: #FFCA79; }
.thbg.topth { background-color:#F94; }
.thbg { font-style: italic; }
.titlebg { background-color: #FFE6BF; }
.reflower { background-color: #A60000; color: white; }
.refequal { background-color: #CCFFFF; }

.ref-parity-ok {background-color: #82D800}
.ref-parity-break { background-color: #A60000; color: white; }
.ref-na {background-color: #AAA;}

.wkndbg { background-color: #D8B887; }
/* #D8B887;#A7D887 */
.wkndborder { border-bottom: 1px solid #D8B887; }
.hand { cursor: hand; cursor: pointer; }

.handrow TD,
.handrow TH,
.sortable THEAD TH { cursor: hand; cursor: pointer; }


.sortasc, .sortdesc { background-position: left bottom; background-repeat: no-repeat; }
.sortasc { background-image: url(../img/arrow_u.gif); }
.sortasc:hover { background-image: url(../img/arrow_d.gif); }
.sortdesc { background-image: url(../img/arrow_d.gif); }
.sortdesc:hover { background-image: url(../img/arrow_u.gif); }

.lupa-ico { margin-right: 5px; display: inline-block; width: 20px; height: 20px; background: url(data:image/gif;base64,R0lGODlhFAAUANUAAAAAAAAABAQAAAQABAAEBAQEAAQECAgIDAgMDAgMEAwMEAwQFAwUGBQYHBQcHBggJBwkKBwkLBwoLCAoLCAoMCAsMCAwNCg0PCg0QCw8QDRETDhIVDxQXERYaERcaERgbEhgbEhgcFRwgGiMmGyUqHCUrHScsHigtHikwISsyIS0yIi0zIi41Iy81Iy82Iy83JDE3JTI5JjI5JjM7JzQ7JzQ8JzU8JzU9KDU8KDU9KDY+KjY9Kzc9LDc9Oj0+Oj0/yH5BABkAAAALAAAAAAUABQAAAbEwB+vRiwajzWe0JNAOJ9QaALEoykA2Kx2C2DYrFzsItIIaBffxLbQINl0NxUmi6aptZRXavPhjGwcYmlbJCgWLSUrHCIwDwB1d1gPMRsDDgJNBzAdj4NZGTOOWgIoIgGQWhAzGlsGLx6ddloEJyUGWiAyE7GRAQ8pOSYRCA4iNSCCslgVLTcxKDkzODCVyWoCFi45LBcGERkWCGeDAys3LhdhdOQnKhLq68oBZvDJV/VbDDg7HlH+UiF4+BiCpCCRHj6CAAA7) no-repeat left center;
  vertical-align: bottom;
  line-height: 20px;
}

input.price {text-align: right;}

tr.hilite td { background-color: #CFC !important; color: #000; }
tr.hilite td.reflower { color: #000 !important; }

/* formular a tabulka s vypisem vysledku */
#rate_grid { margin: 0px; position: relative; }

table.grid { font-size: 12px; }
table.grid caption { margin: 0 auto; padding: 0px; color:#FFF; background:#4b301d; border: 1px solid #CFCFCF; border-bottom: none;}
table.grid caption .realcaption { padding: 0.7em 0.5em; letter-spacing: 1px; font-weight: bold; color: white; }

table.grid th { letter-spacing: 1px; /*padding: 1px 3px; */}
table.grid th a { text-decoration: none; color: #111; }
table.grid th a:hover { text-decoration: none; color: #fff; text-decoration: underline; }
table.grid td.buttons { background: #ffaa2b; padding: 2px; }
table.grid.p2 td { padding: 2px 4px; }
table.grid.p2 th { padding: 2px 4px; }
table.grid.p2 img {vertical-align: bottom;}

table.grid tfoot td.thbg {padding-top: 0.5em; padding-bottom: 0.5em; }

.buttons input { vertical-align: bottom; }

table.grb { border: 1px solid #999; }

table.filter-summary {margin-right: 5px; width: 310px; border: 1px solid #999; }
table.filter-summary th {line-height: 1.5 }
table.filter-summary td.list {line-height: 2; border-bottom: 1px solid #EEE;}
table.filter-summary td.buttons {background: none !important; padding: 5px;}
table.filter-summary td.buttons a {text-decoration: none;}



/* tabulka s upravami nastaveni */
table.edittab { font-size: 13px; margin-bottom: 5px; border-collapse: collapse; }
table.edittab hr { margin: 5px 0px; }

table.edittab td.title { color: #6f6f6f; vertical-align: middle; border-top: 1px solid #777; }
table.edittab td.bb { border-bottom: 1px solid #777; }
table.edittab td.bt { border-top: 1px solid #777; }
table.edittab td.vat { vertical-align: top; }

table.edittab td { padding: 7px 5px; }
table.edittab td.nobb { border-bottom: none; }
table.edittab td.nobt { border-top: none; }

table.edittab tr:nth-child(1) td.title {border-top: none;}

table.edittab th { text-align: right; padding: 8px; border-bottom: 1px solid #555; background: #dfdfdf; }
table.edittab th.last { border-bottom: none; }
/* table.edittab tr td:first-child {background-color: teal;} */
table.edittab tr.full th {
  text-align: left; font-size: 9pt; padding: 5px; background: #7c632e; color: #fff;
}
table.edittab tr.full th input { vertical-align:bottom; }

/* pro tabulku v tabulce */
table.edittab.simple th { padding: 2px; border: none; background: transparent; }

/* tabulka s vypisem */
table.listtab { font-size: 13px; }
table.listtab a { text-decoration: none; color: #00b0d9; }
table.listtab a:hover { text-decoration: underline; color: #111; }
table.listtab th.summary { border-bottom: none; border-top: 1px solid #555; }
table.listtab th { padding: 2px 3px; border-bottom: 1px solid #555; background: #777; color: white; }
table.listtab td { padding: 2px; border-bottom: 1px solid #ededed; }
table.listtab td a img { border: none; vertical-align: bottom; }

table.listtab td.pays { background: url(../admin/img/bg_pays.gif) right center no-repeat;}
table.listtab td.pays a { margin-right: 20px; }

/*BAD compset nav*/
.folder-nav {margin-bottom: 10px;}
.folder-nav ul {position:relative; bottom:-2px; z-index:1; width:100%; list-style-type:none}
.folder-nav li {float:left; list-style-type: none;}
.folder-nav a, .folder-nav span {float:left; padding:8px 12px; font-weight:bold}

.folder-nav .act span {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#145f91), to(#65a9d7));
   background: -webkit-linear-gradient(top, #145f91, #65a9d7);
   background: -moz-linear-gradient(top, #145f91, #65a9d7);
   background: -ms-linear-gradient(top, #145f91, #65a9d7);
   background: -o-linear-gradient(top, #145f91, #65a9d7);
   padding: 7px 12px;
   -webkit-border-radius: 19px 19px 19px 0px;
   -moz-border-radius: 19px 19px 19px 0px;
   border-radius: 19px 19px 19px 0px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
  /* font-size: 17px;*/
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
}

/* uprava dle prani JN */
.folder-nav2 {margin-bottom: 10px; margin-top: -20px;}
.folder-nav2 ul {padding-left: 20px; z-index:1; list-style-type:none}
.folder-nav2 li {float:left; margin-left: 0px; margin-right: 1em; list-style-type: none; }
.folder-nav2 li.last-anchor {margin-right: 0;}
.folder-nav2 a, .folder-nav2 span {float:left; padding:8px 20px; font-weight:bold}

.folder-nav2 .act span {
   border-top: none;
   background: #10A6DE;
   padding: 8px 20px;
   border-radius: 0px 0px 19px 19px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
  /* font-size: 17px;*/
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
}

.folder-content {padding:10px;} /* border:2px solid #85A7CC; */
.folder-content .styledCheckboxes { font-size: 110%; }
.folder-content .styledCheckboxes input { margin-right: 5px; }
.folder-content .styledCheckboxes label { margin-right: 10px; }



hr.delimiter {height: 3px; margin: 10px 0px; border: 1px solid #eee; border-left: none; border-right: none; background-color: #666; }

ul.info li {list-style-type: square;}
ul.info.li-icons {list-style-image: url(../img/info_mini.gif);}
ul.info.li-icons li {list-style-image: url(../img/info_mini.gif); }

.maplink img {vertical-align:bottom; border: none;}
.star { height: 16px; background: url(../img/star.gif) left top repeat-x; }
.stars-short {background: url(../img/star_small.png) center center no-repeat; display: inline-block; width:25px; text-align:center;margin-left: 5px; background-size:20px,20px; opacity:0.7;}

/* prvni pismeno velke */
.ucf:first-letter {text-transform: uppercase; }
#counter { text-align: center; }
#result { text-align: center; }

#resultframe {
  margin: 0px; padding: 0px;
  background: url(../img/loading.gif) #FEFEFE center center no-repeat;
}

/* javascript tooltip styles */
.tooltip {color:#900; padding-bottom:0px; border-bottom:1px dotted #900; cursor:pointer}
#tt {position:absolute; display:block; background:url(../img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../img/tt_bottom.gif) top right no-repeat; overflow:hidden}

/* TABLE jednoducha tabulka zobrazena na bilem pozadi */
.plain { padding: 1px; border: 1px solid #777; background: #DDD; }
.plain td, .plain th { padding: 2px 4px; border-bottom: 1px solid #999; border-right: 1px solid #CCC; background: #ECECEC }
.plain th { background: #AAA; text-align: center; }
.plain tr.delimiter td {height: 2px; padding: 0px; font-size: 0px; background: #333;}

.su-suggestion { font-size: 120%; text-align: center; font-weight: bold;}
.su-price {display: block; font-size: 30px; padding: 5px;}

/* styl obalu grafu */
.amchart {
  padding: 1em 0em;
  border: 1px solid #E2E2E2;
  margin-bottom: 1em;
}

/* special button */
.arrow-background { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAQAAAAjkz5TAAAAMElEQVQI103JMREAMAgAsZfIxIwjJFQdOr4Ld23WYPgERDqOY0oAVDu2FOukHD47FzoIHj48iyVUAAAAAElFTkSuQmCC); background-repeat: no-repeat; }

/* informace na hp o novych sluzbach */
.info-teaser { padding: 10px;}
.info-teaser .info-teaser-block {float:left; width: 460px; padding: 10px; text-align: left;}
.info-teaser p {font-size: 100%;}
.info-teaser p.headline { font-size: 117%; padding-left: 10px; text-align: left; }

.info-teaser h3 {font-weight: bold;}
.info-teaser .image-container {border: 1px solid #eee; margin-bottom: 10px;}
.info-teaser .image-container img {width: 458px;}


.info-block {
  display: inline-block;
  font-size: 15px;
}
.info-block .pair {
  float: left; display: block;
  margin-bottom: 0.5em; margin-right: 0.5em;
  border: 1px solid #999; border-radius: 0.2em;
  overflow:hidden;
}

.info-block .title, .info-block .value {
  display: inline-block;
  padding: 0.5em;
}

.info-block .title { background: #eee; }
.info-block .value { background: #ccc; border-left: 1px dotted #999; font-weight: bold; }

.info-block .value.bg-green {background-color: #81f532; }
.info-block .value.bg-red {background-color: #FF6262; }


.info-block.inline .pair {
  margin-right: 0px;
  border-left-width: 0px; border-right-style: double; border-right-width: 3px;
  border-radius: 0px;
}
.info-block.inline .pair:first-child { border-left-width: 1px; border-radius: 5px 0 0 5px; }
.info-block.inline .pair:last-child { border-right-width: 1px; border-right-style: solid; border-radius: 0 5px 5px 0; }

/* grid */
.grid-summary { padding-left: 10px; }

.grid-wrapper {padding: 10px;}
/* skupina polozek stejne kategorie */
.grid-group { }
/* jedna polozka mrizky */
.grid-item {
  padding: 10px;
  float: left;
  margin-right: 4px;
  margin-bottom: 4px;
  border: 1px outset #666;
  border-radius: 2px;
  width: 164px;
   /* min-height: 70px; */
}

/* jmeno hotelu */
.grid-item .hotel-name {
  font-size: 120%;
  line-height: 1.3em; height: 2.6em; /* 1x, 2x*/
  margin-bottom: 5px;
  text-align: center; overflow: hidden; font-weight: bold;
}
.grid-item .hotel-name .vcentable {display: table; height: 100%; width: 100%; }
.grid-item .hotel-name .vcent {display: table-cell; height: 100%; vertical-align: middle; }

.grid-item .stars {height: 18px; text-align: center;}
.grid-item .price-diff {font-size: 120%; margin-top: 5px;}
.grid-item .price-diff .percent-diff {display: inline-block; margin-right: 0.5em; font-weight: bold; }
.grid-item .price-diff .diff {display: inline-block; color: #C8B8A8;}

/* moc cifer! */
.grid-item .price-diff .percent-diff.tighter {letter-spacing: -1px; overflow: elipsis;}
.grid-item .price-diff .diff-eur.tighter {letter-spacing: -1px; overflow: elipsis;}

/* ikona znazornujici zmenu */
.grid-item.bg-static {background-color: #eeeeee;}
.grid-item.bg-up {background-color: #eeeeee;}
.grid-item.bg-down {background-color: #eeeeee;}
.grid-item .arrow {
  float:right; display: block; width: 18px; height: 18px; margin-top: 2px; border-radius: 2px;
  text-align: center; line-height: 18px; font-size: 20px;
}
.grid-item.bg-up .arrow {background-color: green; color: white; line-height: 13px; }
.grid-item.bg-down .arrow {background-color: red; color: white; line-height: 15px; vertical-align: top;}
.grid-item.bg-static .arrow {background-color: #ccc; color: white;  line-height: 13px;}

.grid-new .stars-short {background: url(../img/star_icon.svg) center center no-repeat; display: inline-block; width:25px; height: 25px; text-align:center; margin-left: 5px; background-size: cover; font-size: 11px; line-height: 25px; }


/* new grid layout */
.grid-new .grid-item {color: white; width: 116px; padding: 8px; margin-bottom: 0px; margin-right: 0px; }
.grid-new .grid-item.reference-hotel {
  padding: 0px;
  width: 132px;
}
.grid-new .grid-item.reference-hotel .border {
  padding: 4px;
  border: 4px solid #00ccff;
}


.grid-new .hotel-name {font-size: 12px; font-weight: normal;}
.grid-new .price-absolute {font-size: 30px; line-height: 35px;}
.grid-new .grid-item .price-diff {text-align: center; margin-top: 0px;}
.grid-new .grid-item .arrow {display: none;}
.grid-new .bg-static {
  background-image: -webkit-gradient(
  	linear,
  	left top,
  	left bottom,
  	color-stop(0, #4D4C4C),
  	color-stop(1, #0A0A0A)
  );
  background-image: -o-linear-gradient(bottom, #4D4C4C 0%, #0A0A0A 100%);
  background-image: -moz-linear-gradient(bottom, #4D4C4C 0%, #0A0A0A 100%);
  background-image: -webkit-linear-gradient(bottom, #4D4C4C 0%, #0A0A0A 100%);
  background-image: -ms-linear-gradient(bottom, #4D4C4C 0%, #0A0A0A 100%);
  background-image: linear-gradient(to bottom, #4D4C4C 0%, #0A0A0A 100%);
}
.grid-new .bg-up {
  background-image: -webkit-gradient(
  	linear,
  	left top,
  	left bottom,
  	color-stop(0, #5CB51D),
  	color-stop(1, #294809)
  );
  background-image: -o-linear-gradient(bottom, #5CB51D 0%, #294809 100%);
  background-image: -moz-linear-gradient(bottom, #5CB51D 0%, #294809 100%);
  background-image: -webkit-linear-gradient(bottom, #5CB51D 0%, #294809 100%);
  background-image: -ms-linear-gradient(bottom, #5CB51D 0%, #294809 100%);
  background-image: linear-gradient(to bottom, #5CB51D 0%, #294809 100%);
}
.grid-new .bg-down {
  background-image: -webkit-gradient(
  	linear,
  	left top,
  	left bottom,
  	color-stop(0, #EF3D30),
  	color-stop(1, #480E0A)
  );
  background-image: -o-linear-gradient(bottom, #EF3D30 0%, #480E0A 100%);
  background-image: -moz-linear-gradient(bottom, #EF3D30 0%, #480E0A 100%);
  background-image: -webkit-linear-gradient(bottom, #EF3D30 0%, #480E0A 100%);
  background-image: -ms-linear-gradient(bottom, #EF3D30 0%, #480E0A 100%);
  background-image: linear-gradient(to bottom, #EF3D30 0%, #480E0A 100%);
}

.yellow-text {color: yellow}

.trend-sprite {}
.trend-sprite.up {}
.trend-sprite.down {}
.trend-sprite.stable {}

/*
.grid-item.bg-up {background-color: #BDEA6A;}
.grid-item.bg-down {background-color: #E14933;}
*/

/* zmeny obsazenosti v grafu */
.ch-positive {color: #09CB5B}
.ch-negative {color: #CC3300}
.ch-none {color: #C1C1C1}