/* css soubor pro výstup na monitor */

/* základní styl */
* {padding:0;margin:0;font-size:11.0pt;font-family:"Century Gothic", sans-serif;}
body {background-color:#ffffff;text-align:center;color:#666666;}
a {text-decoration:underline;color:#33B25E;}
a:hover {text-decoration:none;}
ul {list-style-type:none;}
table {width:100%;border:0;border-collapse:collapse;}
input, select {background-color:#ffffff;border:solid 1px #333333;padding:6px;font-size:100%;}
input:focus, select:focus {background-color:#FFFFFF;box-shadow:0px 0px 6px rgba(255, 255, 255, 0.9);}
input.mini {border:0;padding:0;}
.clear {clear:both;height:0px;display:block;}

#hlava {background-color:rgb(10,104,177);}
#telo {margin:40px 0;}

#hlava_menu, .skupinaStred, #maxi, #statistika, #pata small {text-align:left;margin:0px auto;width:80%;}

/* úvodní stránka - začátek */
/* načítání stránky */
#startBila {position:absolute;top:0;left:0;width:100%;z-index:120;background-color:#333333;text-align:center;}
#startBila strong {color:#EEEEEE;font-size:160%;font-weight:normal;position:relative;top:50px;font-style:italic;}
/* centrální blok */
#hlava_jpg {background:url("3477.jpg") center center no-repeat;}
/* obsah */
#maxi {position:relative;background:url("black_bg.png") left top repeat;padding:30px;text-align:center;}
#maxi h1 {float:right;position:relative;left:-50%;}
#maxi h1 span {color:#ffffff;font-size:500%;font-weight:normal;padding:23px 0 40px 180px;background:url("logo_velke.png") top left no-repeat;display:block;text-align:left;float:left;position:relative;left:50%;}
#maxi p {width:90%;margin:10px auto;color:#ffffff;display:block;}
#maxi p a {color:#ffffff;}
#maxi div.skrytyblok {display:none;color:#ffffff;}
#maxi div.tlacitkovemenu {margin:20px 0;}
#maxi div.tlacitkovemenu button {margin:0 15px;}
/* úvodní stránka - konec */

/* hlavička - ostatní stránky */
#hlava_menu {text-align:right;}
#hlava_menu h1 {display:block;height:55px;float:left;}
#hlava_menu h1 a {text-decoration:none;display:block;height:55px;float:left;background:url("logo_male.png") left bottom no-repeat;}
#hlava_menu h1 a:hover {background:#33B25E url("logo_male.png") left bottom no-repeat;}
#hlava_menu h1 span {margin:0 10px 0 64px;color:#ffffff;font-size:200%;font-weight:normal; position:relative; top:14px;}

/* odkaz na nový výpočet a ikona uživatele */
ul.viditelnemenu {float:right;}
ul.viditelnemenu li#odkaz_vypocet {width:auto;padding:0 16px;float:left;background-color:#33B25E;height:55px;}
ul.viditelnemenu li#odkaz_vypocet:hover {background-color:#1B5C30;}
ul.viditelnemenu li#odkaz_vypocet a {text-transform:uppercase;text-decoration:none;position:relative;top:18px;color:#ffffff;}
ul.viditelnemenu li#uzivatel_li {float:left;position:relative;background-color:rgb(0,34,68);}
#uzivatel_ikona {display:block;float:left;}

/* menu nabídky */
ul.viditelnemenu #rozbalovacimenu {display:none;position:absolute;z-index:10;}
#rozbalovacimenu ul {float:none;background-color:rgb(0,34,68);clear:both;width:200px;}
#rozbalovacimenu li {display:block;text-align:left;float:none;color:#ffffff;border-top:solid 0px #333333;}
#rozbalovacimenu li.jmeno {font-weight:bold;padding:16px 12px;font-size:80%;border:0;}
#rozbalovacimenu a {color:#ffffff;text-transform:none;text-decoration:none;display:block;padding:10px 12px;}
#rozbalovacimenu a:hover {background-color:#33B25E;}
#rozbalovacimenu li.out {background-color:#666666;}

/* nadpisy */
h2 {color:rgb(10,104,177);font-size:180%;font-weight:normal;text-align:center;margin:0px 0 7px 0;}

/* textové bloky */
.informace {font-size:140%;padding:60px 0px;text-align:center;display:block; color: rgb(255,112,96); }
.popisek {padding:3px 0;display:block;}
.poznamkaSmall {font-size:90%;color:rgb(220,20,60);}

/* formulář - úvodní stránka */
.formularM {width:50%;float:left;padding:16px 0;}
.formularM label {display:block;font-size:80%;}
.formularM label.linka_l {display:inline;}
.formularM input {width:80%;}
.formularM input.linka_i {width:auto;}
.formularM select {width:83%;}
.formularM a {font-size:100%;}
#blok_osoba, #blok_firma {display:none;}
.reload {background:url("reload.png") scroll left center no-repeat;padding-left:24px;}

/* formuláře - ostatní */
.skupinaPrvku {background:rgb(66,152,238) url(pattern-5.png) top repeat;border-radius:10px;padding:24px;}
.formular {float:left;width:33%;padding:12px 0;}
.formular label {display:block;padding-bottom:2px;color:#ffffff;font-size:120%;}
.formular label.linka_l {display:inline;font-size:100%;}
.formular strong {color:#ffffff;}
.formular select {width:80%;}
.formular input {width:30%;}
.formular input.max {width:80%;}
.formular input.linka_i {width:auto;}
.formular a {color:#ffffff;} 
.tlacitko {padding-top:20px;text-align:center;}
.tlacitko button {margin:0 auto;}
#iko1, #iko2 {margin:-1px;}
.formularText {clear:both;line-height:1.4em;}
.formularText p {color:#ffffff;font-style:italic;}
.formularText a {color:#ffffff;}

/* odkaz pro tisk */
#tisk {text-align:right;padding-bottom:6px;}
#tisk a {background:url("tisk.png") left center no-repeat;padding-left:24px;}

/* výsledek statistických výpočtů */
#statistika {}
#statistika li {float:left;width:33%;text-align:center;padding:10px 0px;}
#statistika li div {background:linear-gradient(rgb(69,198,245), rgb(25,167,207));border-radius:10px;padding-top:12px;box-shadow:0px 0px 6px rgba(0, 0, 0, 0.4);}
#statistika li#prumer_cena div {margin:0 10px 0 0;}
#statistika li#prumer_dny div {margin:0 10px 0 10px;}
#statistika li#prumer_km div {margin:0 0 0 10px;}
#statistika li span {display:block;padding:55px 10px 15px 10px;color:#ffffff;font-size:120%;background-position:center top;background-repeat:no-repeat;}
#statistika li#prumer_cena span {background-image:url("ikony_calc.png");}
#statistika li#prumer_dny span {background-image:url("ikony_date.png");}
#statistika li#prumer_km span {background-image:url("ikony_km.png");}
#statistika strong {display:block;padding:15px 10px;color:#eeeeee;font-size:230%;background:url("linie_plastik.png") left top repeat-x;}

/* tabulka výpočtů */
.vystup {margin:10px 0;}
.vystup th, .vystup td {font-size:80%;padding:6px;}
.vystup th {font-weight:bold;text-align:left;}
.vystup th a, .vystup td a {font-size:100%;}
.vystup td {border-top:solid 1px #dddddd;}
.vystup .doprava {text-align:right;}
.vystup .podrobnosti {padding:0;border:0;}
.vystup .podrobnosti div {display:none;padding:2px 6px 8px 6px;color:#aaaaaa;}
.vystup .podrobnosti span {font-size:90%;}
.vystup .podrobnosti b {font-size:100%;}

/* grafy */
#grafy {margin:20px auto;width:80%;background-color:#eeeeee;}
#grafy td {padding:0;width:50%;}

/* odkazy stránkování */
.strankovani {padding:15px 0;text-align:center;}
.strankovani li {display:inline;padding:0 14px;width:auto;color:#999999;}
.strankovani li.page_L {border-right:solid 1px #999999;}
.strankovani li.page_R {border-left:solid 1px #999999;}
.strankovani strong {}

/* formulář přehledu výpočtů */
#formL {margin:20px 0;}
.formularL {float:left;margin-right:18px;}
.formularL input {padding:3px;font-size:90%;width:120px;}
.tlacitkoL {float:left;}
.tlacitkoL button {padding:5px 16px 5px 34px;font-size:90%;}

/* ikony tlačítek */
button {color:#ffffff;padding:13px 18px 12px 48px;border:0;text-transform:uppercase;background-color:#33b25e;background-repeat:no-repeat;background-position:7% 50%;border-radius:4px;border-bottom:solid 1px #bce0c5;}
button:hover {background-color:#1B5C30;}
.unlock {background-image:url("unlock.png");}
.note {background-image:url("note.png");}
.cart {background-image:url("look.png");}
.repeat {background-image:url("repeat.png");}
.trash {background-image:url("trash.png");}

/* pata stránky */
#pata {padding:25px 0;background-color:rgb(10,104,177);}
#pata small {font-size:90%;display:block;color:#ffffff;text-align:center;}
#pata small.dalsiBlok {margin-top:5px;}
#pata small a {font-size:100%;color:#ffffff;}
#pata small.obrazek {font-size:70%;margin-top:8px;}

/* chybové oznámení */
#oznameni {left:50%;width:580px;margin-left:-250px;z-index:6;position:fixed;background-color:rgb(50,72,92);padding:20px 0;border:solid 8px rgb(255,224,176);}
#oznameni ul {padding:20px;text-align:left;list-style-type:none;}
#oznameni li {color:#ffffff;padding:3px 5px;font-weight:bold;margin-left:10px;}
#oznameni button {padding:10px 20px;}

/* kalendář */
#kalendar {position:absolute;background-color:#dddddd;z-index:5;font-size:8.0pt;padding:0;margin:0;display:none;font-family:"Verdana CE","Lucida Grande CE","Helvetica CE",Verdana,lucida,sans-serif;}
#kalendar * {padding:0;margin:0;}
#kalendar a {text-decoration:none;}
#kalendar div#okraj {border:solid 1px #aaaaaa;}
ul#kalendarMenu {padding:5px 0;float:left;width:100%;list-style-type:none;}
ul#kalendarMenu li {float:right;width:auto;margin-right:10px;margin-left:10px;}
ul#kalendarMenu span {width:20px;height:20px;display:block;background-image:url("k_ikony.png");background-repeat:no-repeat;float:left;}
ul#kalendarMenu a {color:#5d5a5a;padding-left:2px;position:relative;top:3px;}
ul#kalendarMenu li#dnes span {background-position:-80px 0px;}
ul#kalendarMenu li#zavrit span {background-position:-100px 0px;}
ul#kalendarMenu li#cistit span {background-position:-120px 0px;}
#ukonceni_C {clear:both;display:block;height:1px;}
ul#kalendarPosun {list-style-type:none;padding:8px 0;display:block;width:100%;float:left;background-color:#666666;}
ul#kalendarPosun li {width:15%;display:block;text-align:center;float:left;}
ul#kalendarPosun li#psPopis {width:40%;}
ul#kalendarPosun a {width:20px;height:20px;display:block;background-image:url("k_ikony.png");background-repeat:no-repeat;float:left;}
ul#kalendarPosun #ps1 {background-position:-40px 0px;position:relative;left:20%;}
ul#kalendarPosun #ps2 {background-position:-60px 0px;float:right;position:relative;left:-20%;}
ul#kalendarPosun #ps3 {background-position:0px 0px;}
ul#kalendarPosun #ps4 {background-position:-20px 0px;float:right;}
ul#kalendarPosun li span {display:none;}
ul#kalendarPosun strong {font-weight:bold;color:#ffffff;position:relative;top:5px;}
#kalendar table {width:100%;clear:both;background-color:#ffffff;border-collapse:collapse;}
#kalendar th, #kalendar td {text-align:center;font-weight:normal;width:14%;}
#kalendar th {background-color:#8F9C7B;color:#ffffff;text-transform:uppercase;padding:5px;}
#kalendar td a {display:block;padding:8px 5px;background-color:#f9f9f9;color:#202020;font-weight:normal;}
#kalendar td a:hover {background-color:#c9c9c9;color:#ffffff;font-weight:bold;}
#kalendar td.dnes a {background-color:#E0F2DA;}
#kalendar td.dnes a:hover {background-color:#7F9976;}

#noscript {background:url("black_bg.png") left top repeat;width:100%;position:absolute;top:60px;margin:0 auto;}
#noscript span {padding:70px;display:block;color:#ff0000;font-size:300%;text-align:center;line-height:1.3em;}


@media screen and (max-width: 760px) {
    #hlava_menu, .skupinaStred, #maxi, #statistika, #pata small {width:98%;}
  
    #maxi {padding:10px 5px;}
    #maxi h1 span {background:url("logo_velke.png") center top no-repeat;padding:130px 0 0 0;font-size:200%;}
    #maxi p {width:auto;margin:5px auto;}
    #maxi button {margin:8px;}

    #hlava_menu h1 {margin:0 auto;float:none;}
    #hlava_menu {text-align:center;}
    #hlava_menu ul {display:block;position:static;}
    #hlava_menu li {padding:0 0px;}
  
    #statistika li {float:none;width:98%;padding:0px;margin:8px auto;clear:both;}
    #statistika li div {padding-top:8px;box-shadow:none;}

    #grafy td {display:block;width:100%;}

    .vystup th, .vystup td {font-size:60%;padding:1px;}
    .vystup th {font-weight:normal;}
    .vystup th a, .vystup td a {font-size:100%;}
    .vystup .podrobnosti span {font-size:60%;}
    .vystup .noneMobil {display:none;}

    #oznameni {left:4%;width:92%;margin:0 auto;border:0;background-color:#FF0033;padding:0px;}
    #oznameni ul {padding:10px;}
    #oznameni button {margin:10px 0;}
}

@media screen and (max-width: 560px) {
  .formular, .formularM {float:none;width:100%;}
}

#noveoknobg {margin-top:40px;border-radius:4px;}
#konecbg {padding:15px;text-align:right;}
#konecbg table {width:100%;border-collapse:collapse;}
#konecbg th, #konecbg td {padding:4px 10px;}
#konecbg th {text-align:left;text-transform:uppercase;font-weight:normal;}
#konecbg td {text-align:right;}
#odkazbg {}
#odkazbg span {font-size:90%;}
#obsahoknabg {border-top:solid 1px #eeeeee;padding:25px;text-align:left;background-color:#f9f9f9;}
#botkonecbg {text-align:right;padding:20px;border-top:solid 1px #eeeeee;}