@charset "utf-8";
/* CSS Document */

body,td,p,input,select,h4,h5,h6,h7,caption {
	font-family: Arial, Helvetica, sans-serif;
}
th,h1,h2,h3,button {
	font-family: Arial, Helvetica, sans-serif;
}
body,td,th,p {
	font-size: 10pt;
	color: #226B90;
}
body {
	background-image: url(images/background.png);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #D6DBBF;
	text-align: center;
	margin: 0;
	padding: 0;
}
a {
	color: #003399;
	text-decoration: none;
}
a:visited {
	color: #003399;
	text-decoration: none;
}
h3 a:link, h3 a:visited {
	color: #226B90;
}
.firstRow a:link {
	color: #CC0000;
	text-decoration: none;
}
.firstRow a:visited {
	text-decoration: none;
	color: #CC0000;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
#container {
	width: 880px; 
	background: #FFFFFF;
	margin: 25px auto 0;
	padding: 0;
	border: 1px solid #BFD7D7;
}
/* Hlavička */
#header {
	background-image: url(images/header_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 880px;
	height: 188px;
	padding: 0;
	margin: 0;
}
#header #menu {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 790px;
	height: 48px;
	padding: 140px 0 0 90px;
	margin: 0;
	text-align: left;
	vertical-align: bottom;
}
#menu .menuButton {
	width: 166px;
	height: 48px;
	padding: 0;
	border: none;
	background-position: center;
	display: block;
}
#menu .menuButtonFav {
	width: 38px;
	height: 41px;
	padding: 0;
	border: none;
	background-position: top;
	display: block;
	margin-left: 729px;
}
#menu .menuButton span {
	display: none;
}
#menu #button_devizy div {
	background-image: url(images/button_devizy.png);
}
#menu #button_valuty div {
	background-image: url(images/button_valuty.png);
}
#menu #button_kurzy div {
	background-image: url(images/button_kurzy.png);
}
#menu #button_favorites div {
	background-image: url(images/button_favorites.png);
}
#menu .menuButtonLink {
	position: absolute;
}
#menu .menuButtonLink:hover .menuButton {
	background-position: top;
}
#menu .menuButtonLink:hover .menuButtonFav {
	background-position: bottom;
}
#menu .active .menuButton,
#menu .active:hover .menuButton {
	background-position: bottom;
}
#button_devizy {
	margin-left: 0px;
}
#button_valuty {
	margin-left: 182px;
}
#button_kurzy {
	margin-left: 364px;
}
#button_favorites {
	margin-top: 7px;
	margin-left: 732px;
}

#header .favorites {
	margin-left: 210px;
	margin-top: 7px;
}
#header #favorites {
	width: 38px;
	height: 41px;
	margin: 0 0 0 0;
	padding: 0;
	border: none;
}

/* Hlavní obsah */
#mainContent #sidebarLeft {
	width: 284px;
	padding-right: 6px;
	vertical-align: top;
}
#mainContent #ratelist {
	width: 584px;
	vertical-align: top;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#mainContent {
	padding: 8px;
}
#mainContent h1 , #mainContent h2 , #mainContent h3 , #mainContent h4 , #mainContent h5 , #mainContent h6 , #mainContent h7 {
	text-align: center;
}
#mainContent h1 {
	font-size: 14pt;
}
#mainContent h4 {
	color: black;
}
#mainContent .important {
	color: #E09010;
	font-weight: bold;
}
#footer {
	height: 84px;
	margin: 0;
	text-align: left;
}
#footer .title {
	position: absolute;
	width: 60px;
	height: 75px;
	padding: 6px 0 0 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid #BFD7D7;
}
#footer .content {
	position: absolute;
	width: 820px;
	height: 79px;
	margin-left: 60px;
	padding: 1px 0 3px 0;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #BFD7D7;
}
#footer .partner {
	width: 120px;
	height: 24px;
	margin: 0 12px;
	border: none;
}
#footer .partner2 {
	width: 125px;
	height: 55px;
	margin: 0 7px;
	border: none;
}
.centered {
	text-align: center;
}
.centered table {
	margin-left: auto;
	margin-right: auto;
}
#copyright {
	text-align: center;
	margin: 0 auto;
	font-size: 11px;
	width: 880px;
	height: 25px;
	padding-top: 4px;
	overflow: hidden;
}
#copyright a {
	color: #226B90;
}
#comparator {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
}
.bankComparision {
	padding: 0;
	margin: 0;
	border-right: 1px solid #3399CC;
	border-bottom: 1px solid #3399CC;
	border-collapse: separate;
	table-layout: fixed;
	border-spacing: 0;
}
.valuta .bankComparision {
	width: 786px;
}
.deviza .bankComparision {
	width: 616px;
}
.bankComparision caption {
	color: black;
	font-weight: bold;
	padding-bottom: 4px;
}
.bankComparision caption .savemore {
	padding: 4px;
	margin: 4px auto;
	border: 1px solid #E09010;
	background-color: #fdf6df;
	width: 400px;
	display: block;
}
.valuta .bankComparision caption .savemore {
	margin-left: 193px;
	margin-right: 193px;
}
.deviza .bankComparision caption .savemore {
	margin-left: 108px;
	margin-right: 108px;
}
.bankComparision caption .warning {
	padding: 4px;
	margin: 4px auto;
	border: 1px solid #CC0000;
	background-color: #fdf6df;
	width: 400px;
	display: block;
	font-weight: normal;
	color: #CC0000;
}
.valuta .bankComparision caption .warning {
	margin-left: 193px;
	margin-right: 193px;
}
.deviza .bankComparision caption .warning {
	margin-left: 108px;
	margin-right: 108px;
}
.bankComparision caption .comment {
	color: #226B90;
	font-weight: normal;
	display: block;
	margin: 4px;
}
.bankComparision td, .bankComparision th {
	padding: 4px 2px;
	margin: 0;
	font-weight: bold;
	border: none;
	border-left: 1px solid #3399CC;
	border-top: 1px solid #3399CC;
}
.bankComparision th {
	color: #000000;
}
.bankComparision .institution {
	text-align: left;
	width: 250px;
}
.bankComparision .amount {
	text-align: right;
	width: 120px;
}
.bankComparision .smallamount {
	text-align: right;
	width: 100px;
}
.bankComparision .rate {
	text-align: right;
	width: 60px;
}
.bankComparision .ratedate {
	text-align: right;
	width: 60px;
}
.bankComparision .firstRow td {
	background-color: #FDF6DF;
	color: #804c01;
}
.bankComparision .oddRow td {
	background-color: #DFF6FD;
}
#rateComparator {
	background-image: url(images/calculator.png);
	width: 840px;
	padding: 0;
	margin: 0;
	border: none;
}
#rateComparator caption {
	margin-top: 16px;
	font-size: 16px;
	text-align: left;
	padding-left: 86px;
	height: 8px;
	font-weight: bold;
}
#rateComparator #operation {
	width: 116px;
	font-size: 14px;	
}
#rateComparator #amount {
	text-align: right;
	font-size: 14px;	
	width: 96px;
	margin-left: 4px;
}
#rateComparator #currency {
	text-align: left;
	font-size: 14px;	
	width: 168px;
	margin-left: 4px;
}
#rateComparator #submitBtn {
	width: 185px;
	height: 31px;
	margin-left: 4px;
}

/* kurzovní lístky */
#ratesmenu {
	border: 1px solid #F3980F;
	width: 254px;
	padding: 1px;
	margin-bottom: 12pt;
	margin-left: 28px;
}
#ratesmenu #bankList {
	padding: 0px;
	margin: 0px;
}
#ratesmenu #bankList li {
	border: none;
	display: block;
	background-color: white;
	padding: 1px;
	text-indent: 0;
	margin-left: 0;
	text-align: left;
	cursor: pointer;
}
#ratesmenu #bankList li a {
	color: inherited;
	text-decoration: none;
	width: 246px;
	padding: 2px 3px;
	display: block;
}
#ratesmenu #bankList li.selected {
	background-color: #F3980F;
	color: white;
	font-weight: bold;
}
#ratesmenu #bankList li.selected a {
	color: white;
	text-decoration: none;
}
/* Kurzovní lístky */
.ratelist caption {
	color: black;
	font-weight: bold;
	padding-bottom: 4px;
}
.ratelist {
	border-right: 1px solid #3399CC;
	border-bottom: 1px solid #3399CC;
	background-color: #FFFFFF;
}
.ratelist td, .ratelist th {
	padding: 4px 2px;
	margin: 0;
	font-weight: bold;
	border: none;
	border-left: 1px solid #3399CC;
	border-top: 1px solid #3399CC;
}
.ratelist .oddRow td {
	background-color: #DFF6FD;
}
.ratelist .flag {
	width: 30px;
	text-align: left;
}
.ratelist .currency {
	border-left: 1px solid #FFFFFF;
	width: 40px;
	text-align: left;
}
.ratelist .oddRow .currency {
	border-left-color: #DFF6FD;
}
.ratelist .multiply {
	width: 30px;
	text-align: center;
}
.ratelist .rate {
	text-align: right;
}
.ratelist .gray {
	color: gray;
}
/* Kurzovní lístek bank a Exchange */
#ratelistBank {
	width: 496;
}
#ratelistBank .rate {
	width: 90px;
}
#ratelistExchange {
	width: 506px;
}
#ratelistExchange .rate {
	width: 60px;
}
/* Kurzovní lístek ČNB */
#cnb {
	width: 262px;
	padding:2px 2px 6px 2px
}
#sidebarLeft #cnb {
	margin-left: 26px;
}
#ratelistCnb {
	/*width: 258px;*/
}
#ratelistCnb .rate {
	width: 66px;
}
#ratelistCnb .inc {
	color:#990000;
}
#ratelistCnb .dec {
	color:#009900;
}

.hint {
	position: relative;
	cursor: pointer;
}
.hint .description {
	display: none;
	outline: 1px solid #d4bf73;
	background-color: #FDF6DF;
	padding: 4px;
	color: #804c2d;
	white-space: nowrap;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
}
.important .description {
	background-color: #ffe284;
	border-color: #804c2d;
	font-weight: bold;
}
.hint:hover .description {
	display: block;
	position: absolute;
	bottom: 2em;
	left: -4px;
}
.hint:hover {
	background: transparent;
}
.valuta .comments {
	width: 786px;
}
.deviza .comments {
	width: 616px;
}
#ratelist .comments {
	width: 496px;
}
#mainContent .comments {
	margin-top: 8pt;
	text-align: justify;
}
#mainContent .comments td {
	border-top: 1px solid #3399CC;
	padding: 8pt 4pt;
}
#mainContent .comments tr:first-child > td {
	border-top: none;
}
#mainContent .comments #highlightExchange ul {
	margin: 0pt;
	padding-left: 20pt;
}
#mainContent .comments .highlight {
	outline: 1px solid #d4bf73;
	background-color: #FDF6DF;
}
.gray img, .gray #rateComparator {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50), progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)";
}
.gray #rateComparator img {
	-ms-filter: "none";
}
.gray * {
	color: gray !important;
}
.gray .ratelist td, .gray .ratelist th, .gray .bankComparision td, .gray .bankComparision th {
	border-left-color: gray !important;
	border-top-color: gray !important;
}
.gray table.ratelist, .gray table.bankComparision {
	border-right-color: gray !important;
	border-bottom-color: gray !important;
}
.gray .ratelist .oddRow td, .gray .bankComparision .oddRow td, .gray .bankComparision .firstRow td, .gray .savemore, .gray .warning {
	background-color: #E0E0E0 !important;
}
.gray .comments td {
	border-top-color: gray !important;
}
.gray #ratesmenu, .gray .savemore, .gray .warning {
	border-color: gray !important;
}
.gray #ratesmenu #bankList li.selected {
	background-color: silver !important;
	color: white !important;
}