@charset "utf-8";
/* Výchozí šablona pro formátování kalkulátoru */

/*************************************************************************
* Základní formátování oblasti
**************************************************************************/
#dyncalc { /* Formát oblasti obsahující kalkulátor i sadu výsledků */
	width: 652px;
	margin: 0px;
	padding: 0px;
	display: block;
}
/*************************************************************************
* Oblast pro zadání podmínek výpočtu
**************************************************************************/
#dyncalc-cond { /* Oblast zadání podmínek výpočtu */
	background: #ebebeb url(dyncalc-bkgnd-parlamentnilisty.png) center center no-repeat;
	width: 652px;
	border: none;
	height: 100px;
	display: block;
	text-align: left;
}
#dyncalc-arrow { /* Formát prostřední šipky */
	width: 79px;
	height: 79px;
	margin-left: 286px;
	margin-top:17px; 
	position:absolute;
	background-color: transparent;
	background-image: url(dyncalc-arrow-parlamentnilisty.png);
	background-repeat: no-repeat;
	border: none;
	z-index: 2;
	cursor: pointer;
}
#dyncalc-bg-tl, /* pozadí levé horní oblasti: množství měny, které klient zaplatí */
#dyncalc-bg-tr, /* pozadí pravé horní oblasti: množství měny, které klient obdrží */
#dyncalc-bg-bl, /* pozadí levé dolní oblasti: výběr měny, kterou klient zaplatí */
#dyncalc-bg-br { /* pozadí pravé dolní oblasti: výběr měny, kterou klient obdrží */
	border-top: none;
	border-left: none;
	position: absolute;
	height: 27px;
	width: 245px;
}
#dyncalc-bg-tl, #dyncalc-bg-bl { margin-left: 20px; }
#dyncalc-bg-tr, #dyncalc-bg-br { margin-left: 387px; }
#dyncalc-bg-tl, #dyncalc-bg-tr { margin-top: 31px; background-image: url(dyncalc-shadow.pgn); }
#dyncalc-bg-bl, #dyncalc-bg-br { margin-top: 61px; }
/*************************************************************************
* Popisky jednotlivých sekcí
**************************************************************************/
#dyncalc-bg-tl span { /* popisek levé horní sekce */ margin-left: 0px; position: absolute; }
#dyncalc-bg-tr span { /* popisek pravé horní sekce */ margin-left: 0px; position: absolute; }
.dyncalc-bg span { /* základní formát popisků */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: black;
}
#dyncalc-bg-tl span, #dyncalc-bg-tr span { /* formát popisů vstupních polí zadávání částek */
	font-size: 10pt;
	margin-top: -17px;
	margin-left: 1px;
	display: block;
	color: #282c6b;
}
#dyncalc-bg-tl.dyncalc-focused span { font-weight: bold; }
/*************************************************************************
* Formát vstupních polí pro zadávání částek
**************************************************************************/
.dyncalc-input { /* obecný formát vstupního pole */
	border: none;
	background-color: transparent;
	position: absolute;
	width: 239px;
	height: 23px;
	margin-top: 31px;
	padding: 2px 0px;
	text-align: right;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	color: black;
	padding-right: 6px;
	background-clip: border-box;
	background-position: left top;	
}
.dyncalc-focused { /* změna formátu aktivního vstupního pole */ 
	z-index: 3;
}
.dyncalc-input:focus { /* vypnutí "glow" efektů ve vstupním poli */
	outline:0;
	outline:none;
	-moz-appearance:none;
}
/*************************************************************************
* Rozložení a animace vstupních polí pro zadávání částek
**************************************************************************/
.dyncalc-op0 { /* umístění levého pole  */ margin-left:  20px; opacity: 1; }
.dyncalc-op1 { /* animace pohybu: 12.5% */ margin-left:  66px; opacity: 0.5; }
.dyncalc-op2 { /* animace pohybu: 25.0% */ margin-left: 112px; opacity: 0.2; }
.dyncalc-op3 { /* animace pohybu: 37.5% */ margin-left: 158px; opacity: 0; }
.dyncalc-op4 { /* animace pohybu: 50.0% */ margin-left: 204px; opacity: 0; }
.dyncalc-op5 { /* animace pohybu: 62.5% */ margin-left: 250px; opacity: 0; }
.dyncalc-op6 { /* animace pohybu: 75.0% */ margin-left: 296px; opacity: 0.2; }
.dyncalc-op7 { /* animace pohybu: 87.5% */ margin-left: 342px; opacity: 0.5; }
.dyncalc-op8 { /* umístění pravého pole */ margin-left: 387px; opacity: 1; }
.dyncalc-focused { /* změna formátu aktivního vstupního pole (přepíšu průhlednost) */ opacity: 1; padding-right: 0px; }
.dyncalc-focused-moving { /* vzhled pohybujícího se pole v popředí */ background-color: transparent; padding-right: 6px; }
/*************************************************************************
* Rozbalovací seznamy s kódy měn
**************************************************************************/
#dyncalc-currency-left  { /* umístění levého rozbalovacího seznamu */  margin-left: 0px; }
#dyncalc-currency-right { /* umístění pravého rozbalovacího seznamu */ margin-left: 0px; }
.dyncalc-currency { /* pozadí rozbalovacího seznamu */
	height: 27px;
	width: 244px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	text-align: left;
}
.dyncalc-currency .dyncalc-flag { margin-top: 3px; margin-left: 4px; }
#dyncalc-value-left { /* levá vybraná měna */ }
#dyncalc-value-right { /* pravá vybraná měna */ }
#dyncalc-combo-left { /* levý rozbalovací seznam */ }
#dyncalc-combo-right { /* pravý rozbalovací seznam */ }
.dyncalc-combo-value { /* pole pro zobrazení vybrané měny */
	padding-left: 8px;
	height: 27px;
	width: 226px;
	display: block;
}
.dyncalc-combo-value span { /* textové pole pro zobrazení vybrané měny */ display: inline-block; margin-top: 6px; }
.dyncalc-combo { /* robalovací seznam */
	display: none;
	position: absolute;
	margin-top: 26px;
	margin-left: 0px;
	background-color: white;
	border: 1px solid #bababa;
	width: 241px;
	z-index: 100;
}
.dyncalc-currency:hover .dyncalc-combo { display: block; }
.dyncalc-curr-item { /* položka rozbalovacího seznamu */
	display: block;
	height: 23px;
	padding-left: 8px;
	text-decoration: none;
}
.dyncalc-curr-item .dyncalc-flag { /* vlajka v rozbalovacím seznamu */ margin-top: 1px; margin-left: -4px; }
.dyncalc-curr-item span { /* textové pole v rozbalovacím seznamu */ display: inline-block; margin-top: 4px; cursor: pointer; }
.dyncalc-curr-item:hover { /* zvýrazněná položka rozbalovacího seznamu */ background-color: #c7e3f2; }
.dyncalc-curr-item:hover span { /* zvýrazněná položka rozbalovacího seznamu */ color: black; }
.dyncalc-curr-code { /* zobrazení kódů měn */ margin-left: 32px; }
.dyncalc-curr-dash { /* oddělovač částí názvu měny */ padding: 0px 4px; }
.dyncalc-curr-name { /* zobrazení názvů měn */ }
/*************************************************************************
* Vlajka měny
**************************************************************************/
.dyncalc-flag { /* prvek obsahující vlajku měny */
	position: absolute;
	width: 28px;
	height: 21px;
	background-color: transparent;
	background-image: url(dyncalc-flags28.png);
	background-repeat: no-repeat;
	background-position: 28px 21px;
	padding: 0px;
	margin: 0px;
}
.dyncalc-flag-AUD { /* zobrazení vlajky pro AUD */ background-position: center   -3px; }
.dyncalc-flag-CAD { /* zobrazení vlajky pro CAD */ background-position: center  -31px; }
.dyncalc-flag-CZK { /* zobrazení vlajky pro CZK */ background-position: center  -59px; }
.dyncalc-flag-DKK { /* zobrazení vlajky pro DKK */ background-position: center  -87px; }
.dyncalc-flag-EUR { /* zobrazení vlajky pro EUR */ background-position: center -115px; }
.dyncalc-flag-GBP { /* zobrazení vlajky pro GBP */ background-position: center -143px; }
.dyncalc-flag-HRK { /* zobrazení vlajky pro HRK */ background-position: center -171px; }
.dyncalc-flag-HUF { /* zobrazení vlajky pro HUF */ background-position: center -199px; }
.dyncalc-flag-CHF { /* zobrazení vlajky pro CHF */ background-position: center -227px; }
.dyncalc-flag-JPY { /* zobrazení vlajky pro JPY */ background-position: center -255px; }
.dyncalc-flag-NOK { /* zobrazení vlajky pro NOK */ background-position: center -283px; }
.dyncalc-flag-PLN { /* zobrazení vlajky pro PLN */ background-position: center -311px; }
.dyncalc-flag-SEK { /* zobrazení vlajky pro SEK */ background-position: center -339px; }
.dyncalc-flag-USD { /* zobrazení vlajky pro USD */ background-position: center -367px; }
/*************************************************************************
* Animace šipky
**************************************************************************/
.dyncalc-arrow0  { /* klient kupuje: 0° */ background-position: 0px 0px }
.dyncalc-arrow1  { /* nákup > prodej: 20° */ background-position: 0px -79px }
.dyncalc-arrow2  { /* nákup > prodej: 40° */ background-position: 0px -158px }
.dyncalc-arrow3  { /* nákup > prodej: 60° */ background-position: 0px -237px }
.dyncalc-arrow4  { /* nákup > prodej: 80° */ background-position: 0px -316px }
.dyncalc-arrow5  { /* nákup > prodej: 100° */ background-position: 0px -395px }
.dyncalc-arrow6  { /* nákup > prodej: 120° */ background-position: 0px -474px }
.dyncalc-arrow7  { /* nákup > prodej: 140° */ background-position: 0px -553px }
.dyncalc-arrow8  { /* nákup > prodej: 160° */ background-position: 0px -632px }
.dyncalc-arrow9  { /* klient prodává: 180° */ background-position: 0px 0px }
.dyncalc-arrow10  { /* prodej > nákup: 200° */ background-position: 0px -79px }
.dyncalc-arrow11  { /* prodej > nákup: 220° */ background-position: 0px -158px }
.dyncalc-arrow12  { /* prodej > nákup: 240° */ background-position: 0px -237px }
.dyncalc-arrow13  { /* prodej > nákup: 260° */ background-position: 0px -316px }
.dyncalc-arrow14  { /* prodej > nákup: 280° */ background-position: 0px -395px }
.dyncalc-arrow15  { /* prodej > nákup: 300° */ background-position: 0px -474px }
.dyncalc-arrow16  { /* prodej > nákup: 320° */ background-position: 0px -553px }
.dyncalc-arrow17  { /* prodej > nákup: 340° */ background-position: 0px -632px }
/*************************************************************************
* Animace pozadí
**************************************************************************/
.dyncalc-active0 { /* neaktivní pozadí   */ background-color: #ffffff; }
.dyncalc-active1 { /* průběh změny 12,5% */ background-color: #fbf5f3; }
.dyncalc-active2 { /* průběh změny 25,0% */ background-color: #f9f1ed; }
.dyncalc-active3 { /* průběh změny 37,5% */ background-color: #f7ece7; }
.dyncalc-active4 { /* průběh změny 50,0% */ background-color: #f4e7e2; }
.dyncalc-active5 { /* průběh změny 62,5% */ background-color: #f2e2dc; }
.dyncalc-active6 { /* průběh změny 75,0% */ background-color: #f0ded6; }
.dyncalc-active7 { /* průběh změny 87,5% */ background-color: #eed9d0; }
.dyncalc-active8 { /* aktivní pozadí     */ background-color: #ecd4ca; }
/*************************************************************************
* Formát písma výsledků
**************************************************************************/
.dyncalc-info-best, /* tabulka přehledu */
.dyncalc-results, /* tabluka kurzů a kurzových hodnot všech subjektů */
.dyncalc-comment { /* komentáře k prázdným polím výsledků */
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 10pt;
}
/*************************************************************************
* Formát přehledu nejlepších kurzů
**************************************************************************/
.dyncalc-info-best { /* tabulka přehledu */
	padding: 3px 0px;
	margin: 0px;
	color: black;
	font-size: 9pt;
	text-align: center;
}
.dyncalc-info-best strong { /* formát zvýrazněné hodnoty */ color: #ba0101; font-weight: normal; }
.dyncalc-info-best a { /* formát dokazu */ color: #ba0101; }
.dyncalc-info-best-best { /* řádek nejvýhodnější transakce */ }
.dyncalc-info-best-worse { /* řádek méně výhodné transakce */ display: none; }
.dyncalc-info-best-val  { /* řádek nejvýhodnější hotovosntí transakce */ }
.dyncalc-info-best-dev  { /* řádek nejvýhodnější bezhotovostní transakce */ }
.dyncalc-info-best-info { /* sloupec s názvem subjektu */ display: inline-block; margin-left: 2px; margin-right: 2px; }
.dyncalc-info-best-amnt { /* sloupec s výpočtem */ display: inline-block; margin-left: 2px; margin-right: 2px; }
.dyncalc-info-best-info strong { color: black; }
/*************************************************************************
* Formát tabulky výsledků
**************************************************************************/
.dyncalc-results { /* tabluka kurzů a kurzových hodnot všech subjektů */
	width: 632px;
	padding: 0px;
	margin: 24px 0px 18px 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	border: 1px solid #eeeeee;
	font-size: 10pt;
	background-color: white;
}
.dyncalc-results th { /* formát pole hlavičky výsledků */
	text-align: center;
	vertical-align: middle;
	padding: 5px 5px 3px;
	font-weight: normal;
	color: black;
	border: 1px solid #eeeeee;;
}
.dyncalc-results td { /* formát datového pole výsledků */
	padding: 5px 5px 3px;
	border-top: 1px solid #eeeeee;
}
.dyncalc-results caption { /* formát titulku výsledků */
	text-align: left;
	margin: 0px;
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 13pt;
	font-weight: bold;
}
.dyncalc-results caption strong { /* zvýraznění v titulku výsledků */ color: #ca0101; font-weight: bold; }
.dyncalc-results a { color: black; text-decoration: underline; }
/*************************************************************************
* Formát hlavičky tabulky výsledků
**************************************************************************/
.dyncalc-hdr-subj { /* nadpis názvu subjektu */ width:30%; text-transform: uppercase; }
.dyncalc-hdr-val  { /* nadpis valutových kurzů */ background-color: #fafafa; }
.dyncalc-hdr-dev  { /* nadpis devizových kurzů */ }
.dyncalc-hdr-span { /* sloučený nadpis hodnot a kurzů */ width:35%; text-transform: uppercase; }
th.dyncalc-hdr-subj, th.dyncalc-hdr-span { font-weight: bold; }
th.dyncalc-hdr-subj { text-align: left }
th.dyncalc-hdr-amnt { /* nadpis hodnot */ width:20%; border-right: none; }
th.dyncalc-hdr-rate { /* nadpis kurzů */  width:15%; border-left: none; }
/*************************************************************************
* Formát hodnot tabulky výsledků
**************************************************************************/
.dyncalc-rslt-frst { /* formát prvního řádku výsledků */ }
.dyncalc-rslt-subj { /* název subjektu */  text-align: left; }
.dyncalc-rslt-alt .dyncalc-rslt-subj { /* formát sudých řádků výsledků */ }
.dyncalc-rslt-val  { background-color: #fafafa; }
.dyncalc-rslt-amnt { /* hodnota směny */   text-align: center; border-left: 1px solid #eeeeee; }
.dyncalc-rslt-zero { /* nulová hodnota směny */ text-align: center; }
.dyncalc-rslt-rate { /* směnný kurz */     text-align: center; }
.dyncalc-rslt-none { /* kurz neexistuje */ text-align: right; border-left: 1px solid #eeeeee; }
.dyncalc-rslt-best { /* nejvýhodnější */   color: #ba0101; }
.dyncalc-rslt-none div { display: none; }
/*************************************************************************
* Komentáře prázdných polí výsledků ("a) Společnost nezveřejnila kurz")
**************************************************************************/
.dyncalc-comment { /* řádek komnetáře */ display: none; }
.dyncalc-comment-tag { /* značka komentáře */ }
.dyncalc-comment-text { /* text komentáře */ }
/*************************************************************************
* Formát tlačítka kompaktního zobrazení
**************************************************************************/
#dyncalc-compact { /* oblast tlačítka kompaktního zobrazení */
	padding: 8px 0px 0px 0px;
	margin: 0px;
	text-align: right;
}
#dyncalc-compact button.dyncalc-compact { /* třída stylu tlačítka kompaktního zobrazení */
	color: black;
	font-size: 10pt;
	padding: 4px 0px;
	font-weight: normal;
	width: 300px;
}
.dyncalc-compact strong { /* zvýraznění kódu měny v tlačítku kompaktního zobrazení */
	font-weight: normal;
	color: #ca0e0d;
}