@import url('header.css');
@import url('content.css');



html,body{
  margin:0px;
  padding:0px;
/*   text-align:center; */
  background: #ffffff;
  font-family: helvetica,Arial,Verdana,Tahoma, sans-serif;
  font-size:0.9em;
  min-height:100%;
  height:100%;
  color: #666666;
  /*line-height: 18px;*/

}



/*body>div#Container_optimizer{
  height:auto;
  overflow:hidden;
}*/
#Container{
  width:762px;
  min-height:100%;
  *min-height: 0%;
  /*height:100%;  */
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  padding-left: 3px;
  text-align:left;
  position:relative;
  background:url('page_bg.gif') #ffffff repeat-y;
}

#Container{
/* 	font-family:Verdana,Tahoma;  */
	font-size: 0.85em;
}
a{
	color: #626262;
	text-decoration: none;
}

table.news td.head {
	color: #CA0B0B;
	font-weight: bold;
}

table.news td.body {
	font-weight: bold;
}

#Container a:hover{
	text-decoration: underline;
}

#Container h4
{
	font-weight: bold;
	font-size: 12px;	
}


/*color: #ffffff;*/

#Container h5
{
	font-weight: normal;
	font-size: 10px;

}

#Container h6
{
	font-weight: normal;
	font-size: 12px;
	color: #0000d1;	
}

div#main_menu .li_0
{
	width: 95px;
}

div#main_menu .li_1
{
	width: 190px;
}

div#main_menu .li_2
{
	width: 160px;
}

div#main_menu .li_3
{
	width: 175px;
}

div#main_menu .li_4
{
	width: 136px;
	border-right: 0px;
}

/** EN verze **/

div#main_menu_en div#main_menu .li_0
{
	width: 115px;
}

div#main_menu_en div#main_menu .li_1
{
	width: 150px;
}

div#main_menu_en div#main_menu .li_2
{
	width: 140px;
}

div#main_menu_en div#main_menu .li_3
{
	width: 215px;
}

div#main_menu_en div#main_menu .li_4
{
	width: 136px;
	border-right: 0px;
}
/** IBAN calculator */

#iban_calculator
{
	width:360px;
	border-collapse: collapse;
	padding-right: 0px;
}

#account_number
{
	width: 74px;
	padding-left:3px;
	margin-bottom: 5px;
	border: 1px double rgb(255, 0, 0);
	font-size: 12px; color: rgb(0, 0, 0); 
	line-height: normal; 
	font-family: Arial; 
	background-color: rgb(255, 255, 255);
}

#result_number
{
	width: 174px;
	height: 17px;
	border: 1px double rgb(102, 102, 102); 
	font-size: 12px;
	padding-left: 4px;
	font-weight: bold; 
	color: rgb(0, 0, 0); 
	line-height: normal; 
	font-family: Arial;
}

#iban_calculator td 
{
	padding: 2px 0px 2px 0px;	
	background: url("iban/ucb_right.gif") repeat-y right bottom;
}

#iban_calculator img
{
	border-style:none;
}

#iban_calculator hr 
{
	float: left;
	width: 350px; 
	height: 0px; 
	border-width: 1px;
}

#iban_calculator a img
{
	padding-left: 180px;
	padding-top:  3px;
}

/**SEZNAM ODHADCU**/

#evaluators_table
{
	width: 390px;
	border-collapse: collapse;
}

#evaluators_table td
{
	padding: 2px;
	color: #626262;
	width: 120px;
	table-layout: auto;
	/*text-align: center;*/
}

#evaluators_table td.region_cell
{
	font-weight: bold;
	font-size: 14px;
	background: url('right_arrow.gif') no-repeat bottom left;
	padding: 20px 0px 0px 20px;
	margin-bottom: 5px;
	color: black;
	height: 30px;
}

.evaluator_name_cell
{
	color: #626262;
	font-weight: bold;
}

/**rezervacni formular**/


.red-ledge 
{
	background-color:#CA0B0B;
	
	color:#FFFFFF;
	line-height:23px;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 10px 0px;
	text-transform:uppercase;
}

#reservation_form
{
	padding: 0px 0px 0px 0px;
	float: right;
	width: 600px;
}


#reservation_form div.red-ledge 
{
	width: 375px;
}

#reservation_form table, #contact #right_col table
{
	margin: 10px 0px 10px 0px;
	width: 100px;
}

#reservation_form .rect-content table
{
	width: 100px;
	padding: 0px;
	margin: 0px;
}

#reservation_form table td
{
	padding: 2px 0px 2px 0px;
}

#reservation_form table td.label 
{
	border-bottom:1px solid #999999;	
	
}

#reservation_form table td.nonlabel
{
	
	padding-left: 10px;
}

#reservation_form #right_col, #reservation_form.right_col 
{
	float:right;
	
	width:208px;
}

#reservation_form #right_col, #contact #right_col
{
	padding:0px;
	margin: 0px;
	/*border: black 1px solid;*/
	background: none;
	/*background-color: #F4F4F4;*/
	background: url('shadow-r.gif') repeat-y right;
}

#reservation_form #right_col .gray-rect, #contact #right_col .gray-rect 
{
	color:#666666;
	width: 208px;
	padding:0px 0px 0px 0px;
	margin: 0px;
	background: url('shadow-r.gif') repeat-y right;
	background-color: #F4F4F4;
	/*border: black 1px solid;*/
}


#reservation_form #right_col .gray-rect .rect-middle, #contact #right_col .gray-rect .rect-middle
{
	/*background: url('shadow-r.gif')repeat-y right;*/
	background: none;
	background-color: #F4F4F4;
	padding:0px;
	margin: 0px;
	padding-left: 15px;
	width: 175px;	
}

#reservation_form .heading, #contact .heading
{
	padding-top: 5px;
	width: 180px;
}

#reservation_form #right_col .gray-rect .rect-bottom, #contact #right_col .gray-rect .rect-bottom
{
	margin: 0px;
	padding: 0px;
	height: 0px;
}

#reservation_form #right_col .gray-rect .rect-top, #contact #right_col .gray-rect .rect-top
{
	margin: 0px;
	padding: 0px;
	height: 0px;
	background-color: #F4F4F4;
}

#reservation_form #right_col .gray-rect .rect-top, #reservation_form #right_col .gray-rect .rect-middle, #reservation_form #right_col .gray-rect .rect-bottom,
 #reservation_form #right_col .gray-rect .rect-top .gray-m, 
#reservation_form #right_col .gray-rect .rect-top .gray-r, #contact #right_col .gray-rect .rect-middle, #contact #right_col .gray-rect .rect-top,
#contact #right_col .gray-rect .rect-top .gray-l, #contact #right_col .gray-rect .rect-top .gray-m, 
#contact #right_col .gray-rect .rect-top .gray-r
{
	background-color: #F4F4F4;
}

#reservation_form #right_col .gray-rect .rect-top .gray-l, #contact #right_col .gray-rect .rect-top .gray-l
{
	background: url('gray-tl-old.gif') no-repeat right;
}

#reservation_form #right_col .gray-rect .rect-top .gray-r, #contact #right_col .gray-rect .rect-top .gray-r
{
	background: url('gray-tr-old.gif') no-repeat left;
	
}

#reservation_form .thin
{
	width: 375px;
}

#department, #purpose
{
	width: 300px;
}

.red {
	color:#CA0B0B;
}

#month, #day, #hour, #minute
{
	width: 40px;
}

#year
{
	width: 55px;
}

.department_note
{
	color:red;
}

/**KONTAKTY**/

#contact_menu ul
{
	padding: 0px;
	margin: 0px;
}

#contact_menu ul li 
{
	background: url('right_arrow.gif') no-repeat left;
	list-style: none;
	padding: 5px 0px 5px 20px;
}

.department_table
{
	width: 100%;
	padding-bottom: 5px;
}


.dep_adres_col, .dep_opening_hours_col, .dep_contact_col
{
	width: 33%;
}

#contact, #contact #contact_menu a
{

	color: #666666;
}

#contact
{
	padding: 0px 0px 0px 25px;
	height: 100%;
}

#contact a
{
	color: red;
	padding: 0px 5px 0px 5px;
}


#contact h3
{
	padding: 0px 0px 0px 20px;
	background: url('right_arrow.gif') no-repeat left;
	color: black;
}

.department_div
{
	padding: 0px 0px 0px 20px;
}

.department_div .note{
	color: red;
	padding-left: 3px;
	padding-bottom: 5px;
}

#atm_table
{
	width: 100%;
}

/** CARDS **/

#cards_type
{
  width: 390px;
  color: black;
}

#cards_type table
{
  width: 350px;
}

#cards_type table td
{
  vertical-align: top;
  margin: 0px;
  padding: 0px 0px 0px 10px;
}

#cards_type table td ul
{
  padding: 0px 0px 0px 10px;
  margin: 0px; 
}

#cards_type h3, #cards_type h2
{
  font-variant: small-caps;
}

#cards_type h2, #cards_type a
{
  color: #CA0B0B;
}

#cards_type h2
{
  color: #CA0B0B; 
  width: 350px;
}

#cards_type h3
{
  color: #666666; 
 
}

#cards_type a
{
  text-decoration: underline;
}

#cards_type table td.image_card_cell
{
  /*width: 140px;*/
  vertical-align: middle;
  padding: 0px;
}


.card_image
{
  /*float: left;*/
}

#partners_cards ul li table
{
  border-collapse: collapse;
  margin: 10px 0px 10px 0px;
}

#partners_cards ul li table td
{
  border-color: #626262;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
}

#themepicture
{
	padding-top: 11px;
}

#page-menu .rect-content a
{
	text-decoration: underline;
}

#content h2
{
	font-size: 11px;
	/*color: #ffffff;*/
}


/**SAZEBNIK*/
div.tariff_scale_wrapper
{
	width: 100%;
	/*padding-left: 30px;*/
	/*margin-left: 40px;*/
	border: black 0px solid; 
	border-style: none;
}

div.tariff_scale 
{
	float:left;
	margin-left:0px; 
	border: 0px solid red;
	border-style: none;
	width: 30%;
}

#first_tariff_scale 
{
	padding-left: 40px;
}


/**
HYPOTECNI KALKULATOR
**/


#hypotecni_kalkulator_title
{
	background-color: white;
	color: #3298C6;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	width: 400px;
}

#hypotecni_kalkulator_main
{
	width: 599px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#hypotecni_kalkulator_content
{
	width: 400px;
}

#hypotecni_kalkulator_main div
{
	float: left;	
}

div#hypotecni_kalkulator_right
{
	float: right;
	width: 185px;
	padding: 0px 0px 0px 0px;
}

div#payment_timetable
{	
	border: #348CBF 1px solid;
}

#payment_timetable, #help_list
{
	padding: 10px 5px 10px 5px;
}

#payment_timetable
{
	margin-bottom: 10px;
}

#payment_timetable input, #payment_timetable img
{
	float: right;
}

#payment_timetable img
{
	border-style: none;
}

#payment_timetable input
{
	width: 160px;
}

div#help_list
{
	border: #348CBF 1px solid;
	width: 173px;
}

#hypotecni_kalkulator_main div.helplist_title
{
	background-color: #348CBF;
	width: 180px;
	color: white;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 0px 2px 5px;
}

#hypotecni_kalkulator_menu table
{
	width: 400px;
	text-align: left;
	background-color: #D61003;
	color: white;
	font-weight: bold;
	border-collapse: collapse;
	border: #D61003 1px solid;
}

#hypotecni_kalkulator_menu table td a
{
	color: white;
	margin: 0px;
	padding: 1px 108px 1px 5px;
	*padding-right: 112px;
}

#hypotecni_kalkulator_menu table td
{	
	border: #D61003 1px solid;
	width: 200px;
}

#hypotecni_kalkulator_menu table td.selected, 
#hypotecni_kalkulator_menu table td.nonselected
{	
	padding-left: 5px;
}

#hypotecni_kalkulator_menu table td.selected, 
#hypotecni_kalkulator_menu table td a:hover
{
	background-color: white;
	color: #D61003;
	text-decoration: none;	
}



div#hypotecni_kalkulator_subtitle
{
	padding: 5px 20px 5px 10px;
	width: 380px;
	text-align: justify;
}



#hypotecni_kalkulator_table
{
	width: 400px;
	float: left;
	border-collapse: collapse;
	border-width: 1px;
}

#hypotecni_kalkulator_table td
{
	padding: 2px 0px 2px 5px;
}

#hypotecni_kalkulator_table img 
{
	border-style: none;
}


#hypotecni_kalkulator_table td.highlighted
{
	background-color: #666666;
	color: white;	
	font-weight: bold;
}

#hypotecni_kalkulator_table td.colored
{
	background-color: #CCCCCC;	
}

div#error_dump
{
	border: red 1px solid;
	color: red;
	width: 173px;
	padding: 5px;	
	margin-bottom: 10px;
}



input.submit_cont_calc 
{
	background-image:url(continue-calculating.gif);
	width: 154px;
	height: 20px;
	border:0px solid white;
	color:white;
}

#height_mortgage_credit
{
	width: 100px;	
	margin-right: 3px;
}

#notes
{
	border: #666666 1px solid;
	padding: 2px 10px 2px 10px;
	width: 380px;	
}

/* NetBanka */
div.bluebox {
	width: 225px;
	height: 225px;
	padding-top: 42px;
	color: #cc0000;
	margin-top: 20px;
	float: left;
	font-family: Arial;
	font-size: 10px;
}
div.bluebox a {
	color: #cc0000;
	margin-left: 5px;
}


.bluebox .subbox1 {
	margin-left: 30px;
	margin-right: 30px;
}

.bluebox img {
	padding: 0px;
	margin: 0px;
}

.bluebox .subbox2 {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 55px;
}

hr.netbanka {
	height: 0px;
	border: 0px;
	margin: 12px;
	border-top: 1px dotted #cc0000;
	*margin: 4px;
}


.groupleft {
	width: 450px;
	float: left;
}

.groupleft p 
{
	text-align: justify;
}

.groupleft a
{
	text-decoration: underline;
}



.groupright {
	width: 300px;
	float: right;
}

span.red {
	font-weight: bold;
}

.print {
	display: none;
}