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

/* Soubory fontů */
@font-face {font-family:Outfit-Medium;src:url(Outfit-Medium.ttf);}
@font-face {font-family:Outfit-Bold;src:url(Outfit-Bold.ttf);}

/* základní styl */
* {padding:0;margin:0;font-family:Outfit-Medium, sans-serif;font-size:12.0pt;color:rgb(38,70,108);}
body {background-color:#ffffff;text-align:center;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
ul {list-style-type:none;}
table {width:100%;border:0;border-collapse:collapse;}
input, select {background-color:#ffffff;padding:6px;border:solid 1px rgb(38,70,108)}
.clear {clear:both;height:0px;display:block;}

/* Vymezení centráního bloku stránky */
.telo {text-align:left;width:80%;margin:20px auto;}

/* První nadpis */
#hlavicka {margin:20px 0;}
#hlavicka h1 {}
#hlavicka h1 span {text-transform:uppercase;color:#3168AB;font-size:170%;font-family:Outfit-Bold;position:relative;top:-16px;}

/* Ostatní nadpisy */
h2 {color:#3168AB;font-size:150%;margin-bottom:10px;}

/* Horní odkazy navigace */
#navigace {margin:10px 0 40px 0;}
#navigace ul {float:left;}
#navigace li {float:left;margin-right:20px;}

/* Tlačítka */
button {padding:12px 42px 12px 18px;border:solid 2px rgb(38,70,108);background-color:#ffffff;background-image:url("sipka_modra.png");background-repeat:no-repeat;background-position:92% 50%;}
button:hover {color:#ffffff;background-color:rgb(38,70,108);background-image:url("sipka_bila.png");background-repeat:no-repeat;background-position:92% 50%;}

/* Pata stránky */
#pata {padding:25px 0;background-color:#D7E9FF;}
#pata p {padding:10px 0;display:block;}
#pata small {font-size:90%;color:#385E8D;}
#pata b {font-size:100%;}
#pata a {font-size:100%;font-weight:bold;}

/* Text oznámení akce */
#oznameni {left:50%;width:600px;margin-left:-300px;z-index:6;position:fixed;background-color:#D7E9FF;padding:20px 0;border:solid 4px #3168AB;}
#oznameni ul {padding:20px;text-align:left;}
#oznameni li {color:#385E8D;padding:3px 5px;margin-left:10px;font-size:120%;}

/* formuláře */
.skupinaPrvku {padding:20px;background-color:#f9f9f9;}
.formular {float:left;width:33%;padding:12px 0;}
.formular label {display:block;padding-bottom:2px;}
.formular label.linka_l {display:inline;font-size:100%;}
.formular strong {}
.formular select {width:80%;}
.formular input {width:30%;}
.formular input.max {width:80%;}
.formular input.linka_i {width:auto;}
.formularText {clear:both;line-height:1.4em;}
.formularText p {font-style:italic;}
.tlacitko {padding-top:10px;text-align:center;}
.tlacitko button {margin:0 auto;}
#iko1, #iko2 {margin:-1px;}

/* tabulka dat */
.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:#A7A9FF;}
.vystup .podrobnosti span {font-size:90%;color:#A7A9FF;}
.vystup .podrobnosti b {font-size:100%;color:#A7A9FF;}

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

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

/* popisky informací */
.informace {font-size:140%;padding:60px 0px;text-align:center;display:block;}
.poznamkaSmall {color:rgb(220,20,60);margin-bottom:30px;}

/* výsledek statistických výpočtů */
#statistika {}
#statistika li {float:left;width:33%;text-align:center;padding:10px 0px;}
#statistika li div {background-color:#D7E9FF;border-radius:6px;padding-top:12px;}
#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:#385E8D;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:#385E8D;font-size:230%;background:url("linie_plastik.png") left top repeat-x;}

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

/* Úvodní stránka */
/* ------------------------------------------------------------------ */

/* Rozdělení stránky */ 
#uvodPozadi {float:left;width:100%;}
#uvodText {float:left;width:50%;}
#uvodVozidlo {float:left;width:50%;text-align:right;}

/* Blok textů */
#uvodText p {margin:0 40px 14px 0;}
#uvodText p.popis1 {font-size:160%;}
#uvodText p.popis2 {font-size:390%;}
#uvodText p.popis3 {font-size:110%;}
#uvodText p.popis4 {}

#uvodText ul {margin-left:13px;}
#uvodText li {list-style-type:square;margin:2px 0;}

/* Blok obrázku vozidla */
#uvodVozidlo img {width:100%;height:auto;max-width:800px;margin-top:150px;}

@media screen and (min-width: 900px) {
    #uvodPozadi {background-image:url("RSymbol.svg");background-size:contain;background-repeat:no-repeat;background-position:100% 0%;}
}
@media screen and (max-width: 1400px) {
    #uvodPozadi {background-size:70% 70%;}
    #uvodVozidlo img {margin-top:90px;}
}
@media screen and (max-width: 1100px) {
    #uvodPozadi {background-size:60% 60%;}
}
@media screen and (max-width: 980px) {
    #uvodPozadi {background-size:50% 50%;}
}
@media screen and (max-width: 890px) {
    #uvodPozadi {float:none;}
    #uvodText {float:none;width:100%;}
    #uvodVozidlo {display:none;}
}

/* Blok tlačítek pod úvodními texty */
.tlacitkovemenu {margin-top:30px;margin-bottom:30px;}
.tlacitkovemenu button {margin-right:18px;}

/* odkazy na jiné stránky */
#uvodTabulka {background-color:#EDF6FF;}
#uvodTabulka table {margin-top:0px;}
#uvodTabulka td {width:33%;padding:40px;text-align:left;vertical-align:top;}
#uTD1, #uTD2, #uTD4, #uTD5 {border-right:solid 1px #D2E6FF;}
#uTD1, #uTD2, #uTD3 {border-bottom:solid 1px #D2E6FF;}
#uvodTabulka h3 {font-size:140%;margin-top:18px;}
#uvodTabulka p {display:block;margin:20px 0;}
#uvodTabulka p.text {}
#uvodTabulka p.odkaz {}
#uvodTabulka p.odkaz a {padding:12px 42px 12px 18px;border:solid 2px rgb(38,70,108);background-color:#ffffff;background-image:url("odkaz_modry.png");background-repeat:no-repeat;background-position:92% 50%;text-decoration:none;}
#uvodTabulka p.odkaz a:hover {color:#ffffff;background-color:rgb(38,70,108);background-image:url("odkaz_bily.png");background-repeat:no-repeat;background-position:92% 50%;text-decoration: none;}

/* formuláře v plovoucím bloku */
.formularM {width:50%;float:left;padding:16px 0;}
.formularM label {display:block;font-size:90%;}
.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;}
.popisek {padding:3px 0;display:block;font-size:90%;}

/* ------------------------------------------------------------------ */

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

/* kalendář */
#kalendar {position:absolute;background-color:#dddddd;z-index:5;font-size:8.0pt;padding:0;margin:0;display:none;}
#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:#3168AB;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;}