/*malá soutěž ----------------------*/
#mala_soutez_top {
	float:left;
	width:794px;
	background:transparent url(../images/newsletter/mala-soutez-top.jpg);
	height:159px;
}
#mala_soutez_bottom {
	float:left;
	width:794px;
	height:191px;
}
#mala_soutez_head {
	float:left;
	width:774px;
	padding-right:20px;
	background:transparent url(../images/newsletter/mala-soutez-head.gif);
	height:43px;
	line-height:43px;
	text-align:right;
	color:#FFF;
	font-size:30px;
}

/*velká soutěž ----------------------*/
#velka_soutez_top {
	float:left;
	width:794px;
	background:transparent url(../images/newsletter/velka-soutez-top.jpg);
	height:159px;
}
#velka_soutez_bottom {
	float:left;
	width:794px;
	height:191px;
}
#velka_soutez_head {
	float:left;
	width:774px;
	padding-right:20px;
	background:transparent url(../images/newsletter/velka-soutez-head.gif);
	height:43px;
	line-height:43px;
	text-align:right;
	color:#FFF;
	font-size:30px;
}

/*-----------------------------------*/
#form_ser td {
	text-align:left !important;
}

#center {
	float:left;
	display:inline;
	width:984px;
	position:absolute;
	left:50%;
	margin-left:-492px;
}
#top {
	float:left;
	width:916px;
	padding:0 34px 0 34px;
	height:76px;
	background:#ffffff url(../images/backs/main.gif) left top repeat-y;
}
#top img {
	float:left;
	display:inline;
	margin:10px auto auto 16px;
}
#menu {
	float:left;
	width:910px;
	padding:0 34px 0 40px;
	height:29px;
	background:#ffffff url(../images/backs/main.gif) left top repeat-y;
}
#menu a:hover {
	text-decoration:none;
}
#content {
	float:left;
	display:inline;
	width:916px;
	margin-left:34px;
	background:transparent url(../images/backs/hp-content.gif) left top repeat-y;
}
#bottom {
	float:left;
	display:inline;
	width:910px;
	margin-left:34px;
	background:#ffffff;
	border-top:solid 1px #eeeeee;
	padding-left:6px;
}
#bottom a:hover {
	text-decoration:none;
	color:#cccccc;
}
#content_left {
	float:left;
	display:inline;
	width:694px;
	padding:30px 0 30px 0;
}
#content_right {
	float:right;
	display:inline;
	width:221px;
	padding:30px 0 30px 0;
	background:transparent url(../images/backs/bckcalk-wide.jpg) left top no-repeat;
}
#content_right_standard {
	float:right;
	display:inline;
	width:221px;
	padding:30px 0 30px 0;
	background:transparent url(../images/backs/bckcalk-wide.jpg) left top no-repeat;
}
#hp_row {
	float:left;
	height:148px;
	width:100%;
	background:#4876d1;
	position:absolute;
	left:0px;
	top:105px;
	border:solid 1px #779add;
	border-left:none;
	border-right:none;
}
#hp_img {
	float:left;
	background:transparent url(../images/pictures/top-row.jpg) left top no-repeat;
	width:916px;
	height:151px;
	margin-left:34px;
}
*html body #hp_img {
	margin-left:17px;
}
#sp_row {
	float:left;
	height:52px;
	width:100%;
	background:#4876d1;
	position:absolute;
	left:0px;
	top:105px;
	border:solid 1px #779add;
	border-left:none;
	border-right:none;
}
#sub_menu {
	float:left;
	width:904px;
	margin:0 34px 0 34px;
	height:33px;
	line-height:33px;
	padding-left:12px;
}
#sub_menu a:hover {
	text-decoration:none;
	color:#eeeeee;
}
#sp_img {
	float:left;
	width:896px;
	height:54px;
	margin-left:34px;
	line-height:54px;
	padding-left:20px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}
#sub_row {
	float:left;
	background:transparent url(../images/backs/sub-row.gif) left top repeat-x;
	width:916px;
	height:30px;
	margin-left:34px;
}
*html body #sub_menu {
	margin-left:17px;
}
*html body #sp_img {
	margin-left:17px;
}
*html body #sub_row {
	margin-left:17px;
}

#odber_novinek {
	float:right;
	background:transparent url(../images/backs/specialbck.gif) right top no-repeat;
	width:600px;
	height:44px;
	margin:20px 20px auto auto;
	line-height:44px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	color:#666666;
}
#odber_novinek a {
	color:#666666;
	text-decoration:none;
	margin-right:50px;
}
/**/
body {
	font-family:Tahoma, Arial, sans-serif;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background:#3366cc;
	color:#000000;
	float:left;
	display:inline;
}
img {
	border:none;
}
body, html {
	height:100%;
}
a {
	color:#4c7fb2;
	text-decoration:none;
}
a:hover {
	color:#333333;
	text-decoration:underline;
}
h1 {
	font-size:16px;
	margin:0 0 10px 0;
	padding:0px;
	color:#4c7fb2;
	line-height: 22px;
}
h2 {
	font-size:12px;
	line-height:18px;
	padding:0px;
	color:#4c7fb2;
	margin:0 0 10px 0;
}
#content_right h2,#content_right_right h2 {
	font-size:12px;
}
big {
	font-size:14px;
	line-height:18px;
}
h3 {
	font-size:12px;
	margin:0px;
	padding:0px;
	color:#000000;
}
p,form,input, textarea, select {
	margin:0px;
	padding:0px;
	font-family:Arial, 'Arial CE', 'Lucida Grande CE','Helvetica CE', Arial, lucida,sans-serif;
	font-size:12px;
}
ul {
	margin:0px auto 0px 10px;
	padding:0px;
}
ol {
	margin:0px auto auto 45px;
	padding:0px;
}
ul li {
	list-style-type:none;
	line-height:13px;
	padding-left:15px;
	margin:0px auto 3px 0px;
}

/**/
.brown_bck {
	background:#f5e3c1 !important;
}/*výšky, šířky --------------------*/
.w_100_pr {
	width:100% !important;
}
.w_50_pr {
	width:50% !important;
}

.lh_22 {
	line-height:22px;
}
.h_20 {
	height:20px !important;
}

.h_50 {
	height:50px !important;
}
.h_200 {
	height:200px !important;
}



/*floaty - displaye ---------------------------*/
.fl_right {
	float:right !important;
}
.fl_left {
	float:left !important;
}
.vis_none {
	display:none !important;
}
.vis_inline {
	display:inline !important;
}
/*marginy -----------------------*/
.m_t_3 {
	margin-top:3px !important;
}
.m_t_15 {
	margin-top:15px !important;
}
.m_t_20 {
	margin-top:20px !important;
}
.m_t_30 {
	margin-top:30px !important;
}
.m_t_35 {
	margin-top:35px !important;
}
.m_t_40 {
	margin-top:40px !important;
}
.m_r_0 {
	margin-right:0px !important;
}
.m_b_3 {
	margin-bottom:3px !important;
}
.m_l_20 {
	margin-left:20px !important;
}
.m_l_2 {
	margin-left:2px !important;
}

.px_10 {
	font-size:10px !important;
}
.bb_none {
	border-bottom:none !important;
}
.bl_none {
	border-left:none !important;
}
.br_none {
	border-right:none !important;
}

/*elementy ----------------------*/
.no_brdr,.no_brdr td,.no_brdr th {
	border:none !important;
}
.orange_tab {
	text-align:left;
	border-collapse:collapse;
	float:left;
}
.orange_tab td {
	border:solid 1px #ffefad;
	padding:3px;
}
.orange_tab th {
	font-weight:bold;
	color:#ff7b31;
	background:#ffefad;
	padding:3px;
}
.novinky_butt {
	float:right;
	margin:12px 50px auto 15px;
}
.novinky_field {
	float:right;
	width:126px;
	height:18px;
	font-size:11px;
	border:solid 1px #bbbbbb;
	color:#888888;
	margin:13px auto auto 10px;
}
a.small_link {
	font-size:10px;
	color:#888888;
	line-height:11px;
}
a.small_link:hover {
	color:#990000;
}
a.green_link {
	color:#62aa52;
	text-decoration:none;
	float:left;
	font-size:16px;
	font-weight:bold;
}
a.blue_link {
	color:#4c7fb2;
	text-decoration:none;
	float:left;
	font-size:14px;	
	font-weight:bold;
}
a.gray_link {
	color:#888888;
	text-decoration:none;
	float:right;
	font-size:12px;	
	font-weight:bold;
}
a.orange_link {
	color:#fc7d0c;
	text-decoration:none;
	float:right;
	font-size:12px;	
	font-weight:bold;
}
a.white_link {
	color:#FFFFFF;
	text-decoration:none;
}
a.white_link:hover {
	color:#000000;
}
.txt {
	float:left;
	width:90%;
	height:18px;
	border:solid 1px #bbbbbb;
	color:#888888;
	line-height:18px;
}
.field1 {
	float:left;
	width:129px;
	height:18px;
	border:solid 1px #bbbbbb;
	color:#888888;
	line-height:18px;
}
.butt1 {
	float:left;
	background:transparent url(../images/backs/pokracovat.gif) left top no-repeat;
	width:100px;
	height:22px;
	border:none;
	cursor:pointer;
}
.akt {
	font-size:9px !important;
	color:#333 !important;
}
/*navig ----------------*/
.menu_0_1, .menu_0_1_sel {
	font-size:11px;
	float:left;
	height:29px;
	font-weight:bold;
	line-height:29px;
	padding:0 8px 0 8px;
	background:transparent url(../images/backs/menu.gif) right center no-repeat;
}
.menu_0_1_last,.menu_0_1_last_sel {
	background-image:none;
}
.menu_0_1 a,.menu_0_1_sel a {
	text-decoration:none;
	color:#000000;
	line-height:29px;
	float:left;
	display:inline;
}
.menu_0_1 a:hover,.menu_0_1_sel a,.menu_0_1_first a:hover,.menu_0_1_last a:hover,.menu_0_1_first_sel a:hover,.menu_0_1_last_sel a:hover {
	color:#cccccc;
	text-decoration:none;
}
/*------------------*/
.menu_1_1, .menu_1_1_sel {
	font-size:11px;
	float:left;
	height:29px;
	font-weight:bold;
	line-height:29px;
	padding:0 8px 0 8px;
	background:transparent url(../images/backs/menu.gif) right center no-repeat;
}
.menu_1_1_last,.menu_1_1_last_sel {
	background-image:none;
}
.menu_1_1 a,.menu_1_1_sel a {
	text-decoration:none;
	color:#000000;
	float:left;
	display:inline;
}
.menu_1_1 a:hover,.menu_1_1_sel a,.menu_1_1_first_sel a,.menu_1_1_last_sel a {
	color:#eeeeee;
	text-decoration:none;
}
/*--------------*/
#bottom .menu_0_1,#bottom .menu_0_1_sel {
	font-weight:normal !important;
	background:transparent url(../images/backs/menu-bottom.gif) right center no-repeat !important;
}

/*#refkalkdiv .gray,*/
#refkalkdiv .gray .txt,
#refkalkdiv .gray table,
#refkalkdiv .gray th,
#refkalkdiv .gray td {
	background-color:#FAFAFA !important;
	color:#AAA !important;
}
/*
 *	NEPOUZITE
 *
 *	#kroky {
		width: 90%;
		border: 1px solid #DFEDFB;
		margin-top: 15px;
		padding: 10px;
	}
	#kroky #poradi {
		position: relative;
		top: -18px;
		left: -5px;
	}
	#kroky #poradi span.krok {
		padding: 0px 10px;
		margin-left: 15px;
		background-color: #FFF;
	}
 *
 */

#refkalkdiv table {
	width: 100%;
	border: 1px solid #DFEDFB;
}
#refkalkdiv table th {
	padding-left: 10px;
}
input .txt {
	border: 1px solid #CCC;
	padding: 1px 5px;
}
#divKontakt .txt {
	width: 97%;
}
.txtn {
	border: none;
	padding: 1px 5px;
	width: 60%;
	text-align:center;
	margin-left: 20px;
	background-color: transparent;
}

#refkalkdiv input.txt
{
	width:85%;
}
/*
#divVypocetZustatku,
#tbVypoctenyZustatek,
#divNabizenePodminky,
#tbNovaSazba,
#divVysledky,
#divKontakt {
	display: none;
}
*/

#tbVypocitatZustatek,
#tbVypoctenyZustatek,
#divVypocetZustatku,
/*#divVysledky,*/
#tbVysledky,
#divKontakt,
#tbNovaSazba {
	display: none;
}


#divZnamyZustatek,
#divDoplnkoveUdaje,
#divVypocetZustatku,
#divNabizenePodminky,
#divVysledky,
#divKontakt  {
	/*margin-left: 20px;*/
	margin-bottom: 25px;
}

#refkalkdiv td.popis {
	padding-right: 0px;
	font-size:8pt;
	font-weight:bold;
	color:#888;
}
#divVysledky .head {
	padding: 5px 2px;
	text-align: center;
}
#chciSpocitat {
	display: block;
	padding-bottom: 25px;
}

#divZnamyZustatek #btnPokracovat {
	border: none;
	background: transparent url(../imgs/button_pokracovat.gif) no-repeat ;
	width: 100px;
	height: 22px;
}
/*
#divZnamyZustatek #btnNeznaZustatek {
	border: none;
	background: transparent url(../imgs/button_chci_spocitat.gif) no-repeat ;
	width: 220px;
	height: 22px;
}

#divZnamyZustatek #btnZnaZustatek {
	border: none;
	background: transparent url(../imgs/button_pouzit_castku.gif) no-repeat ;
	width: 164px;
	height: 22px;
}
*/
.btnVypocitat_cz {
	border: none;
	background:transparent url(../images/pictures/vypocitat.gif);
	width: 78px;
	height: 22px;
}
.btnVypocitat_en {
	border: none;
	background:transparent url(../images/pictures/vypocitat-en.gif);
	width: 78px;
	height: 22px;
}
#odeslatKontakty {
	border: none;
	background:transparent url(../images/pictures/btn-odeslat.gif);
	width: 92px;
	height: 22px;
}

#odeslatKontakty_cz {
	border: none;
	background:transparent url(../images/pictures/btn-odeslat.gif);
	width: 92px;
	height: 22px;
}
#odeslatKontakty_en {
	border: none;
	background:transparent url(../images/pictures/btn-odeslat-en.gif);
	width: 92px;
	height: 22px;
}

#vypoctenyZustatek,
#novaSazba {
	background-color: #fffbcb;
	color: #333;
}
.sel {
	font-size: 8pt;
	color: #888;
}
#divNabizenePodminky select {
	width: 125px;
}
/*newsletter ---------------------*/
#nws_center {
	float:left;
	position:absolute;
	left:50%;
	width:794px;
	margin:0 auto auto -397px;
	font-family:Tahoma, Geneva, sans-serif;
}
#nws_main {
	float:left;
	width:794px;
	background:transparent url(../images/newsletter/mainback.gif) top left repeat-y;
}
#nws_top {
	float:left;
	width:794px;
	background:transparent url(../images/newsletter/top.jpg);
	height:159px;
}
#nws_head {
	float:left;
	width:774px;
	padding-right:20px;
	background:transparent url(../images/newsletter/nws-head.gif);
	height:43px;
	line-height:43px;
	text-align:right;
	color:#FFF;
	font-size:30px;
}
#nws_title {
	float:left;
	width:770px;
	padding-left:24px;
	background:transparent url(../images/newsletter/nws-title.gif);
	height:37px;
	line-height:37px;
	color:#fc7d0c;
	font-size:20px;
}
#nws_bottom {
	float:left;
	width:794px;
	background:transparent url(../images/newsletter/nws-bottom.gif);
	height:191px;
}
#nws_content {
	float:left;
	width:754px;
	padding:20px 20px 130px 20px;
	background:transparent url(../images/newsletter/sign.gif) right bottom no-repeat;
}
#nws_content a {
	color:#fd7e0c;
	text-decoration:underline;
}
#nws_content h1 {
	color:#4c7fb2;
	font-size:16px !important;
	margin:0 0 16px 0 !important;
	padding:0;
}
#nws_content h2 {
	color:#000000;
	font-size:14px;
	margin:0 0 25px 0 !important;
	padding:0px !important;
}
/*--------------------------------*/
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}