﻿/*------------------------RESET---------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ul,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; text-decoration:none; list-style-type: none;}
article, aside, details, figcaption, figure, hgroup, menu, nav, section { display: block; }
/*------------------------------------------------------*/


.clear { display:block; width:100%; clear: both;height: 1px; line-height: 1px; overflow: hidden; margin-bottom: -1px; }
.chyba { background-color:#c81816; color:#ffffff; text-align:center; font-size:14px; padding:5px 0px 5px 0px; margin:2px auto 0px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#PKWin_form_loader                  { width:250px; height:150px; position:fixed; bottom:10px; z-index:99999; left:50%; margin:0px 0px 0px -125px; }
#PKWin_form_loader div              { width:250px; height:150px; background-color:#0C1116; position:absolute; z-index:99998; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;}
#PKWin_form_loader div:before       { width:250px; height:150px; content: ''; display:block; background-image:url('/themes/default/ajaxLoader.svg');  background-position:center center; background-repeat:no-repeat; } 
input[readonly], select[disabled]                 { cursor:not-allowed; color:#a4a4a4; }
.bt_back                            { width:100%; display:block; text-align:center; font-size:13px; margin:20px; color:#f05480; text-decoration:underline; }

body                { background-color:#ffffff; font-family: 'Roboto', sans-serif; }  
input[type="submit"], button, .button  { text-align:center; cursor:pointer; color:#ffffff; font-weight:600; font-size:13px; background-color:#7FB13D; border:0px solid black; outline:0px solid black; display:block; width:100%; padding:10px 0px 10px 0px; }

input[type="checkbox"]            { display:inline-block; }
input[type="checkbox"] label      {  }

.td_label .label { width:100%; display:block; }

.login          { width:240px; margin:30px auto; }

.input:hover { position:relative; top:0px; }
.input { margin:5px 0px 0px 0px; min-width:181px; }
.input input:not([type="submit"]):not([type="checkbox"]),
.button                                 { display:block; width: calc(100% - 12px); border:1px solid #7FB13D; line-height:35px; padding:0px 5px 0px 5px; }
/*.input input:not([type="submit"]):not([type="checkbox"]):focus,*/
.input textarea                         { display:block; height:70px; }
.button:focus                           { outline:1px solid #007EC4; }
.input select                           { display:block; width: calc(100% - 12px); height:37px; border:1px solid #7FB13D; line-height:35px; padding:0px 5px 0px 5px; }

.input strong { display:inline-block; color:#ffffff; font-weight:600; font-size:13px; min-width: 80px;  height: 20px;  line-height: 20px;  padding: 5px; background-color: #7FB13D;  padding-right: 20px;  border: solid 0px black;  border-right: 0; position: relative; }
.input strong:after { content: "";  display: block;  background-color: #7FB13D;  border: solid 0px black;  border-left: 0;  width: 35px;  height: 20px; padding:5px 0px 6px 0px; position: absolute;  z-index: -1;  top: 0px; right: -17.5px; transform: skew(+45deg); -o-transform: skew(+45deg); -moz-transform: skew(+45deg); -webkit-transform: skew(+45deg); }

.input #pn_casyvysilani             { display:block; width:100%; max-width:366px; height:200px; overflow:auto; border:1px solid #7FB13D; }
.input #pn_casyvysilani div         { display:inline-block; }
.input #pn_casyvysilani div:hover   { background-color:Red; }
.input #pn_casyvysilani div strong  { background-color:transparent; width:56px; color:#000000; text-align:center; }
.input #pn_casyvysilani div strong:after  { display:none; }
.input #pn_casyvysilani div span:before   { content:'\f1f8'; cursor:pointer; margin-right:10px; font-family:'FontAwesome'; display:inline-block; font-size:16px; }
.input #pn_casyvysilani div i             { width:40px; display:inline-block; }

.input #pn_casyVysilaniPrehled      { display:none; width:100%; max-width:366px; height:200px; overflow:auto; border:1px solid #7FB13D; }
.input #pn_casyVysilaniPrehled select     { display:inline-block; width:100px; }
.input #pn_casyVysilaniPrehled .kalendar                { table-layout:fixed; margin:0px auto; }
.input #pn_casyVysilaniPrehled .kalendar tr td          { width:50px; text-align:center; }
.input #pn_casyVysilaniPrehled .kalendar .nazev         { background-color:#CCCCCC; }
.input #pn_casyVysilaniPrehled .kalendar .neniDen       { background-color:Gray; }
.input #pn_casyVysilaniPrehled .kalendar .vysilano      { background-color:Yellow; }
.input #pn_casyVysilaniPrehled .kalendar .vysilanoMinulost      { background-color:green; } 
.input #pn_casyVysilaniPrehled .kalendar .nevysilano    { background-color:White; }
.input #pn_casyVysilaniPrehled .kalendar .dnes          { color:red; }
.input #pn_casyVysilaniPrehled .bt_predchoziMesic       { cursor:pointer; width:30px; height:30px; font-size:18px; }
.input #pn_casyVysilaniPrehled .bt_dalsiMesic           { cursor:pointer; width:30px; height:30px; font-size:18px; }


.hlavicka               { border-bottom:1px solid #7FB13D; margin:20px 0px 20px 0px; }
.hlavicka .logo         { float:left; margin-left:20px; position:relative; top:-10px; }
.hlavicka ul            { float:right; position:relative; top:30px; }
.hlavicka ul li         { display:inline-block; }
.hlavicka ul li a       { display:inline-block; margin-right:35px; color:#ffffff; font-weight:600; font-size:13px; min-width: 80px;  height: 20px;  line-height: 20px;  padding: 5px 5px 5px 15px; background-color: #7FB13D;  padding-right: 20px;  border: solid 0px black;  border-right: 0; position: relative; }
.hlavicka ul li a:hover { color:#000000; }
.hlavicka ul li a:after { content: "";  display: block;  background-color: #7FB13D;  border: solid 0px black;  border-left: 0;  width: 35px;  height: 19px; padding:5px 0px 6px 0px; position: absolute;  z-index: -1;  top: 0px; right: -17.5px; transform: skew(+45deg); -o-transform: skew(+45deg); -moz-transform: skew(+45deg); -webkit-transform: skew(+45deg); }
.hlavicka ul li .logout { background-color:#990000; }
.hlavicka ul li .logout:after { background-color:#990000; }
@media screen and (max-width: 800px)            {
  .hlavicka .logo                               { display:block; margin:20px auto; float:none; }
  .hlavicka .logo img                           { margin:0px auto; position:relative; left:50%; margin-left:-75px; }
  .hlavicka ul                                  { display:block; float:none; width:120px; margin:0px auto; top:0px; }
  .hlavicka ul li                               { display:block; float:none; margin-bottom:10px; }
}

.plus            { position:relative; left:-33px; float:right; display:inline-block; cursor:pointer; color:#ffffff; font-weight:600; font-size:13px;  height: 20px;  line-height: 20px;  padding: 5px 0px 5px 2px; background-color: #7FB13D;  padding-right: 20px;  border: solid 0px black;  border-right: 0; position: relative; }
.plus:before     { content: "\f067"; font-family:'FontAwesome'; position:relative; left:3px; top:2px; }
.plus:after      { content: "";  display: block;  background-color: #7FB13D;  border: solid 0px black;  border-left: 0;  width: 35px;  height: 20px; padding:5px 0px 6px 0px; position: absolute;  z-index: -1;  top: 0px; left: -17.5px; transform: skew(+45deg); -o-transform: skew(-45deg); -moz-transform: skew(-45deg); -webkit-transform: skew(-225deg); }
.nahled            { position:relative; left:-30px; float:right; display:inline-block; cursor:pointer; color:#ffffff; font-weight:600; font-size:13px;  height: 20px;  line-height: 20px;  padding: 5px 0px 5px 2px; background-color: #7FB13D;  padding-right: 20px;  border: solid 0px black;  border-right: 0; position: relative; }
.nahled:before     { content: "\f06e"; font-family:'FontAwesome'; position:relative; left:12px; top:2px; }
.nahled:after      { content: "";  display: block;  background-color: #7FB13D;  border: solid 0px black;  border-left: 0;  width: 35px;  height: 20px; padding:5px 0px 6px 0px; position: absolute;  z-index: -1;  top: 0px; right: -15px; transform: skew(+45deg); -o-transform: skew(+45deg); -moz-transform: skew(+45deg); -webkit-transform: skew(+45deg); }
.nahled.disabled        { background-color:Gray; cursor:default; }
.nahled.disabled:after  { background-color:Gray; cursor:default; }
.nahled.casy:before     { content: "\f0cb"; }

.pn_osa_hledat   { display:block; width:240px; margin:20px auto 20px auto; }
.pn_osa_hledat input[type="text"]  { width:100%; font-size:30px; line-height:40px; text-align:center; }

#bloky                          { display:block; height:106px; margin:0px auto; border:1px solid black; overflow:hidden; }
#bloky #blok1                   { border:1px solid black; width:9999px; height:50px; white-space:nowrap; }
#bloky #blok2                   { border:1px solid black; width:9999px; height:50px; margin-top:2px; white-space:nowrap; }
#bloky .klip                    { cursor:pointer; font-weight:600; border:1px solid white; text-align:center; float:left; white-space: normal; background-color:#009933; height:48px; display:inline-block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#bloky .klip span               { height:50px; display:table-cell; text-align:center; width:100%; font-size:12px; word-wrap:break-word; vertical-align:middle; padding:0px 5px 0px 5px; }
#blokyNadpis                    { width:calc(90% - 50px); margin:0px auto; position:relative; top:-5px; left:25px; }
#blokyNadpis .zacatek           { float:left; }
#blokyNadpis .konec             { float:right; }
#bloky .klip.spot               { background-color:green; }
#bloky .klip.sponzor            { background-color:blue; color:White; }
#bloky .klip.exkluzivni         { background-color:yellow; }

#table_bloky                  { margin:0px auto; width:90%; }
#table_bloky table            { margin:0px; padding:0px; table-layout: fixed; border-spacing:0px; margin:0px auto; width:100%; }
#table_bloky table tr td      { margin:0px; padding:0px; }
#table_bloky table tr td:first-child      { width:50px; }

.blokInfo                       { width:250px; text-align:left; font-weight:bold; display:block; margin:0px auto; position:relative; top:-10px; }
.blokyPaticka                   { width:90%; margin:20px auto; text-align:center; }
.blokyPaticka #kos              { display:inline-block; height:60px; width:200px; }
.blokyPaticka #kos span         { display:block; margin:0px auto; width:70px; height:60px; padding:5px 0px 5px 0px; text-align:center; border:1px solid black; background-color:Red; }
.blokyPaticka #kos span:before  { display: inline-block; font-size:60px; color:white; content: "\f014"; font-family: 'fontawesome';}
.blokyPaticka #kos div          { display:none !important; }
.blokyPaticka #plus             { display:inline-block; cursor:pointer; width:70px; height:60px; padding:5px 0px 5px 0px; text-align:center; border:1px solid black; background-color:green; }
.blokyPaticka #plus:before      { display: inline-block; font-size:60px; color:white; content: "\f067"; font-family: 'fontawesome';}
.blokyPaticka #tisk             { display:inline-block; cursor:pointer; width:70px; height:60px; padding:5px 0px 5px 0px; text-align:center; border:1px solid black; background-color:green; }
.blokyPaticka #tisk:before      { display: inline-block; font-size:60px; color:white; content: "\f02f"; font-family: 'fontawesome';}

.sponzoriNadpis                 { width:100%; margin-top:30px; border-top:1px solid black; border-bottom:1px solid black; line-height:50px; color:black; text-align:center;  }
.sponzoriBox                    { width:300px; margin:20px 2px 0px 2px; float:left; }
.sponzoriNazev                  { width:100%; display:block; line-height:50px; color:white; background-color:Blue; text-align:center; }
.sponzori                       { width:100%; display:block; margin:0px auto; }
.sponzori div                   { display:block; text-align:left; margin-top:2px; background-color:White; cursor:pointer; border:1px solid black; line-height:30px; padding-left:10px;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.sponzoriNadpis_tisk            { width:100%; margin-top:0px; border-top:1px solid black; border-bottom:1px solid black; line-height:50px; color:black; text-align:center;  }
.sponzoriBox_tisk               { width:100%; margin:0px 0px 20px 0px; }
.sponzoriNazev_tisk             { width:100%; display:block; margin:10px 0px 5px 0px; color:Black; border-top:1px solid black; border-bottom:1px solid black; padding-left:10px; text-align:left; }
.sponzori_tisk                  { width:100%; display:block; margin:0px auto; }
.sponzori_tisk div              { display:block; text-align:left; background-color:White; cursor:pointer; line-height:30px; padding-left:20px;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


#pn_tisk                        { padding:20px; }
#pn_tisk .lb_tisk_nadpis        { font-size:25px; margin:20px 0px 20px 0px; display:block; }
#pn_tisk h2                     { font-size:20px; font-weight:bold; text-decoration:underline; padding-bottom:5px; }

#bt_tisk_mesic                  { display:inline-block; cursor:pointer; width:30px; position:relative; top:2px; height:20px; padding:5px 0px 5px 0px; text-align:center; border:1px solid black; background-color:green; }
#bt_tisk_mesic:before           { display: inline-block; font-size:20px; color:white; content: "\f02f"; font-family: 'fontawesome';}

/*===========================================================================================================================*/
/*==================================================Administrace tabulka=====================================================*/
/*===========================================================================================================================*/
.tableList                                       { border:1px solid #c8c8c8; font-size:13px; color:#8a8a8a; width:100%; border-spacing:0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  }
.tableList tr                                    { background-color:white; }
.tableList tr td                                 { text-align:left; vertical-align:middle; color:Black; padding:10px; border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; }
.tableList tr:first-child td                     { vertical-align:top; }
.tableList tr td:last-child                      { border-right:0px solid black; }
.tableList tr:last-child td                      { border-bottom:0px solid black; }
.tableList tr td .bt_header_search               { line-height:20px; cursor:pointer; display:inline-block; padding-left:22px; background-image:url('images/table/lupa.png'); background-position:left center; background-repeat:no-repeat; }
.tableList tr td .bt_header_search_odstranit     { background-image:url('images/table/odstranit.png') !important; }
.tableList tr td .orderUp                        { width:11px; height:7px; margin-left:7px; position:relative; top:-2px; display:inline-block; background-image:url('images/table/sipka_up.png'); background-position:center center; background-repeat:no-repeat; cursor:pointer; }
.tableList tr td .orderDown                      { width:11px; height:7px; margin-left:3px; position:relative; top:-2px; display:inline-block; background-image:url('images/table/sipka_down.png'); background-position:center center; background-repeat:no-repeat; cursor:pointer; }
.tableList .red td                               { color:#C81816; font-weight:bold; }
.tableList .yellow td                            { color:#E1A10B; font-weight:bold; }
.tableList tr:hover                              { background-color:#f8f8f8; }
.tableList tr:first-child td                     { border-left:0px solid #c8c8c8; line-height:30px; font-size:15px; background-color:#eeeeee; text-align:left; border-right:0px solid #c8c8c8; color:Black; }
.tableList tr:first-child td input[type="text"]  { width:150px; display:block; background-color:#ffffff; margin:0px; }
.tableList tr:first-child td select              { width:100px; display:block; background-color:#ffffff; }
.tableList .pn_searchInput td                    { padding:0px; border:0px solid black; }
.tableList .pn_searchInput                       { padding:0px; }
.tableList .strankovani            { padding:5px 20px 5px 0px; display:inline-block; }
.tableList .strankovani a          { font-size:15px; margin:3px; color:Black; }
.tableList .strankovani .sel       { font-size:22px; margin:3px 8px 3px 8px; color:Black; position:relative; top:1px; }

/*---------------------------------------------------------------------------------------------------*/