/**	This CSS stylesheet is based on Abeo standard CSS style sheet
 *	based on experiences from svn://no.cz/projects/www.ihr-autodily.cz/1/www/css/css.css
 *
 *	There are advices in every block of code. Search for "Advice:"
 */


/** ****************************** **
 ** Unification of browser styles - clear all margin and paddings to all visible none-deprecated html tags
 ** ****************************** **
 *
 *	Advice:
 *	Keep as is.
 *	x	Keep HTML tags unchanged.
 *	x	Don't add/remove any css properties.
 *	x	Don't change definitions of css properties
 */

/*	Mask for all elements	*/
*,
/*	Document	*/
html, body, frameset, frame, iframe, noframes,
/*	Headings	*/
h1, h2, h3, h4, h5, h6,
/*	Standard block level elements	*/
p, div, ol, ul, li,
/*	Links	*/
a,
/*	Multimedia	*/
img, object,
/*	Tables	*/
table, caption, col, colgroup, thead, tbody, tfoot, tr, th, td,
/*	Forms	*/
form, fieldset, legend, label, input, textarea, select, optgroup, option, button,
/*	Still used formatting tags	*/
b, i, span, pre, code, strong, big, small, sub, sup
/*	New lines	*/
br, hr,
/*	Other HTML tags	*/
abbr, acronym, address, link, blockquote, cite, q, samp,
dd, del, dfn, dl, dt, em, ins, kbd, tt, var
{
	margin:				0px;
	padding:			0px;
	font-size:			98%;
}

/*	Set all fonts to be smaller	*/
html{
	font-size:			82%;
}


/**	********************** **
 **	Common HTML tag styles **
 **	********************** **
 *
 *	Advice:
 *	x	Keep HTML tags unchanged.
 *	o	Only add/change/remove css properties
 */

html,
body {
	background-color:	#fff;
	text-align:			left;
	vertical-align:		top;
	text-align: 		center;
	color: 				#818181;
	line-height: 		15px;
}

html, body, frameset, frame, iframe, noframes,
h1, h2, h3, h4, h5, h6,
p, div, ol, ul, li,
a,
table, caption, col, colgroup, thead, tbody, tfoot, tr, th, td
{
	font-family:		Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: 				#666;
}

/*	Headings	*/
h1 {
	font-size:			150%;
	padding:			0px 0px 6px 0px;
	color:				#2C6076;
}

h2 {
	font-size:			130%;
	margin-top:			10px;
	padding:			0px 0px 6px 0px;
	color:				#2C6076;
}

h3 {
	font-size:			110%;
	padding:			6px 0px 6px 0px;
	color:				#2C6076;
}

h4 {
	font-size:			100%;
	padding:			6px 0px 6px 0px;
	color:				#2C6076;
}

/*	Standard block level elements	*/
div {
}

p {
	padding-top:		6px;
	font-size:			95%;
}

ol {
	margin-left:		8px;
}

ul {
}

li {
	margin-left:		15px;
}

/*	Links	*/
a, a:link{
	color:				#2C6076;
}
a:visited {
	color:				#2C6076;
}

a:active,
a:hover {
	text-decoration:	underline;
	color:				#ff0033;
}

/*	Multimedia	*/
img {
	border:				0px none transparent;
}

/*	Tables	*/
table, th, td{
	border:				0px none transparent;
}

/*	Forms	*/
input, textarea, select{
	border:				1px solid #666;
}

legend {
	margin-left:		10px;
	padding:			3px;
	font-weight:		bold;
	color:				#666666;
}
/**	****************** **
 **	Common page layout **
 **	****************** **
 *
 *	Advice:
 *	Define only HTML id|classes, that define common layout of all pages
 */




/**	************************** **
 **	Common end element classes **
 **	************************** **
 *
 *	Advice:
 *	Define only HTML id|classes, that define layout define END tags (tags that doesn't contain any inner tags)
 */
.title{
}

.datetime{
}

.url{
}

.perex{
}

.text{
}

.label{
}

.value{
}

.logo	{
	width: 				668px;
	height: 			207px;
}

.logo a img {
	border: 			1px solid #676767;
	border-left:		0;
}

.logo_empty{
}

.link_more{
}

/*	general forms inputs	*/
#submit_button, #delete_button {
}

.radio {
}

.checkbox {
}

.notice {
}

.error {
}



/**	********************* **
 **	Definition of modules **
 **	********************* **
 *
 *	Advice:
 *	Block of HTML with related content is called module_output_box
 *	Put all definitions of module_output_box together prior to definitions of other module_output_box
 */


 
#the_body {
	width: 				965px;
	margin: 			0 auto;
	text-align: 		left;
	border-left: 		1px solid #676767;
	border-right: 		1px solid #676767;
	position: 			relative;
}

/* styles for pure css menu */
#menu {
	width: 				100%;
	height: 			53px;
}

#menu ul {
	margin: 			0;
	padding: 			0;
}

#menu li {
	margin: 			0;
	padding: 			0;
	behavior: 			url('hover.htc');
	font-size:			95%;
}

#menu li {
	color: 				#666666;
	padding: 			2px 8px;
	
}


#menu ul.makeMenu li {
	padding: 			15px 10px 5px 12px;
	list-style-type: 	none;
	float: 				left;
	position: 			relative; 
	border-top: 		1px solid white;
	background-image:	url('../gfx/menu-border.gif');
	background-repeat:	no-repeat;
	background-position:top right;
	
}

#menu ul.makeMenu li a,
#menu ul.makeMenu li a:visited {
	text-decoration: 	none;
	color: 				#666666;
}

#menu ul.makeMenu li a:hover {
	text-decoration: 	none;
	color: 				#666666;
}



#menu ul.makeMenu li.last {
	background-image: 	none;
}



#menu ul.makeMenu {
	font-weight: 		bold;
}



#menu ul.makeMenu ul li {
	display: 			block;
	color: 				Black;
	background-image: 	none;
}



#menu ul.makeMenu li ul {  /** 2.uroven **/
	position: 			absolute;
	top: 				35px;
	_top: 				33px;
	left: 				10px;
	background-color: 	#F5F5F5;
	visibility: 		hidden;
	border-top:			1px solid #2B5E71;
	
}

#menu ul.makeMenu li ul li {
	font-size: 				100%;
	border-bottom:			1px solid #2B5E71;
	border-left:			1px solid #2B5E71;
	border-right:			1px solid #2B5E71;
	border-top:				0;
	width: 					130px;
	float:					none;
	padding:				2px 8px;
}
	
#menu ul.makeMenu li ul.second li ul.third { /** 3.uroven **/
	position: 			absolute;
	left: 				146px;
	top: 				-1px;
	visibility: 		hidden;
	background-color: 	#F5F5F5;
	border-top:			1px solid #2B5E71;
}

#menu ul.makeMenu li ul.second li ul.third {
	color: 				#666666;
}



#menu ul.makeMenu li ul.second li ul.third li ul.fourth { /** 4.uroven **/
	position: 			absolute;
	left: 				146px;
	top: 				-1px;
	visibility: 		hidden;
	background-color: 	#F5F5F5;
	border-top:			1px solid #2B5E71;
}

#menu ul.makeMenu li ul.second li ul.third li ul.fourth li {
	padding: 			2px 8px 2px 8px;
}

#menu ul.makeMenu li ul.second li a  {
	font-size: 			100%;
}

#menu ul.makeMenu li ul.second li:hover, #menu ul.makeMenu li ul.second li.hover   {
	background-color: 	#90BFD3;
	color: 				white;
}


	
#menu ul.makeMenu li:hover ul.second, #menu ul.makeMenu li.hover ul.second  {
	visibility: 		visible;
}

#menu ul.makeMenu li:hover ul.second li:hover ul.third, #menu ul.makeMenu li.hover ul.second li.hover ul.third {
	visibility: 		visible;
}


#menu ul.makeMenu li ul.second li ul.third li:hover ul.fourth, #menu ul.makeMenu li ul.second li ul.third li.hover ul.fourth  {
	visibility: 		visible;
}


ul.content_submenu li {
	margin-top: 		3px;
	list-style-image: 	url('../gfx/bolt-before-menu-item.gif');
}

ul.content_submenu li a {
	text-decoration:	none;
	color: 				#666666;
	font-weight: 		bold;
}

ul.content_submenu li a:hover {
	text-decoration:	underline;
	color: 				#ff0033;
}




/*end of styles for css menu */



.left_column, .left_column_header {
	width: 				668px;
	float: 				left;

}

.left_column_header {
	
}


#content {
	padding:			0 36px 15px 36px;
	margin-top: 		15px;
	_margin-top: 		11px;
	border-right: 		4px solid #999999;
	/* 	Josef Nevoral 20061007
		In IE content border was interupt, i dont understand why. With this, everything seems fine
	*/
	_height: 			0px;
}

/** IE hack from http://wellstyled.com/css-minheight-hack.html */

#content{
   min-height:			130px;
   height:				130px;
}
div[class] #content {
   height:				auto;
}





.right_column, .right_column_header {
	float: 				left;
	width: 				285px;
}

div.right_column_address {
	position:			absolute;
	width: 				300px;
	margin:				30px 0 40px 50px;
}

div.right_column_address span {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size:			1.2em;
	text-decoration:	underline;
}

#footer {
	width: 				902px;
	clear:				both;
	border-top: 		1px solid #676767;
	color: 				#999999;
	margin: 			0 auto;
	text-align:			left;
	padding: 			5px 45px 0px 20px;
}

#footer div {
	margin: 0px;
	padding: 0px;
	color: 				#999999;
}

div.menu_text, div.menu_text_last {
	float: 				left;
	padding: 			12px 12px 0 12px;
	height: 			17px;
	font-weight: 		bold;
	
}
 
div.menu_text a, div.menu_text_last a {
	text-decoration: 	none;
}

div.menu_text a:hover, div.menu_text_last a:hover {
	text-decoration: 	underline;
}

div.menu_text {
	border-right: 		1px solid #CCCCCC;
}


/** Homepage styles */


div.homepage_left_column, div.homepage_right_column {
	width: 				268px;
	float: 				left;
	padding-top:		15px;
}

div.homepage_left_column {
}

div.homepage_left_column p, div.homepage_right_column p {
	margin-bottom: 		20px;
}

div.homepage_left_column a.main_link_from_homepage, div.homepage_right_column a.main_link_from_homepage {
	font-size: 			110%;
	text-decoration: 	none;
	font-weight: 		bold;
	color: 				#2F6075;
}


div.homepage_left_column a.main_link_from_homepage:hover, div.homepage_right_column a.main_link_from_homepage:hover {
	text-decoration: 	underline;
	color: 				#ff0033;
}

div.homepage_left_column img.border, div.homepage_right_column img.border {
	border: 			1px solid #2F6075;
	margin-bottom:		5px;
	_margin-bottom: 	8px;
}



div.homepage_right_column {
	margin-left: 		51px;
	
}


div.clear_div {
	clear: 				both;
	font-size: 			1px;
	line-height: 		1px;
	
}


div.right_column_article, div.right_column_article_bottom {
	border-top: 		1px solid #CCCCCC;
	margin-left: 		16px;
	padding-bottom: 	15px;
	padding-top: 		5px;
	
}

div.right_column_article_bottom {
	border-bottom: 		1px solid #CCCCCC;

}

div.right_column_article a, div.right_column_article_bottom a {
	text-decoration: 	none;
}

div.right_column_article a:hover, div.right_column_article_bottom a:hover {
	text-decoration: 	none;
	color: 				#818181;
}

div.right_column_article a.right_column_title_link, div.right_column_article_bottom a.right_column_title_link {
	color: 				#2F6075;
	font-weight: 		bold;
	text-decoration: 	none;
}

div.right_column_article a.right_column_title_link:hover, div.right_column_article_bottom a.right_column_title_link:hover {
	text-decoration:	underline;
	color: 				#ff0033;
}

div.right_column_article img.label_image, div.right_column_article_bottom img.label_image {
	float: 				left;
}

img.label_image_osobni_poradenstvi {
	float: left;
	margin-top: 16px;
}


div.short_text {
	margin-top: 		13px;
	_margin-top: 		0px;
}

div.empty_space_upon_footer {
	height: 			30px;
	clear: 				both;
}

div.address_div {
	margin-left: 		70px;	
	margin-top: 		70px;
}


div.homepage_article_description {
	width: 				268px;
	margin-top:			5px;
	font-size:			100%;
}

div.homepage_article_description a {
	text-decoration:	none;
}

div.homepage_article_description a:hover {
	text-decoration: 	none;
	color: 				#818181;
}

div.hompage_acticle {
	height: 			205px
}

/** End of homepage styles */

/** Content styles */

.top_strip_path {
	float: 				right;
	margin: 			0px 0 0 0;
	padding:			0 0px 0 0;
}

.top_strip_path a	{
	text-decoration:	none;
	color:				#818181;
}

.top_strip_path a:hover {
	text-decoration:	underline;
	color:				#ff0033;
}

.top_strip_path_current {
	font-weight: bold;
}

.subtitle {
	background-image: 	url('../gfx/h1-line.png');
	background-position:right;
	background-repeat: 	no-repeat;
	clear: 				both;
	margin-bottom: 		10px;
	height: 			20px;
}


table.mortgage_graph, table.graph_building {
	width:				310px;
	margin:				20px auto 10px auto;
}

table.graph_building {
	margin:				0px auto 10px auto;
}


table.mortgage_graph td, table.graph_building td {
	text-align:			center;	
}


td.top_cell {
	vertical-align:		middle;
	font-size: 			105%;
}


table.table_help {
	margin-top: 20px;
	font-size:			105%;
}


fieldset.demand_form {
	margin-top:			20px;
}


fieldset.demand_form table {
	margin:				10px;
	margin-top:			0px;
}


fieldset.error_fieldset {
	border:				1px solid red;
	color:				red;
	padding:			10px;
	margin-bottom:		10px;
	margin-top:			0px;
}


fieldset.ok_fieldset {
	border:				1px solid green;
	color:				green;
	padding:			10px;
	margin-bottom:		10px;
	margin-top:			0px;
}


table.demand {
	border-collapse:	collapse;
}

table.demand td {
	padding:			3px 2px;
}

table.demand td input {
	width: 				120px;
	height:				15px;
	padding:			1px;
}

table.demand td input.radio_input {
	width:				15px;
	border: 			0;
}

table.demand td.label_input {
	width:				170px;
	text-align:			right;
	padding-right:		5px;
	font-weight:		bold;
}


table.demand td.demand_form_header {
	text-align:			center;
	font-size:			120%;
	font-weight:		bold;
}

td.left_border {
	border-left:		1px solid #222222;
	margin-left:		5px;
}

td.required_star {
	color:				red;
	width:				10px;
	padding-left:		2px;
	padding-right:		4px;
	
}


textarea.demand_form_textarea {
	width:				100%;
	font-size: 			11px;
	height:				100px;
}


table.demand td input.demand_form_button {
	width:				100px;
	padding:			1px;
	height:				17px;
	
}



table.contact_table td {
	width:				130px;
	vertical-align:		top;
	font-size:			100%;
	
}

table.contact_table td.contact_table_heading {
	font-style:			italic;
	padding-top:		10px;
	font-weight:		bold;
}


fieldset.contact_form_fieldset {
	width:				320px;
}

fieldset.contact_form_fieldset table {
	margin:				10px;
	margin-top:			0px;
	border-collapse:	collapse:
	
}

fieldset.contact_form_fieldset table td {
	padding:			2px;
}

table.contact_form td.label {
	padding-right: 		5px;
	font-weight:		bold;
}



table.contact_form td input {
	font-size:			12px;
	height:				15px;
	padding-top:		1px;
	width:				200px;
}


table.contact_form td input.send_button {
	width:				100px;
	padding:			0;
	height:				19px;
	float:				left;
	margin-right:		20px;
}




textarea.contact_form_textarea {
	height:				100px;
	font-size:			11px;
	width:				270px;
}


table.right_column_contact {
	border-collapse:	collapse;
	color:				black;
	margin-top:			10px;
}

table.right_column_contact td {
	vertical-align:		top;
	padding:			3px 6px 3px 0;
}

div.right_column_contact_form {
	float: 				right;
}

div.left_column_contact_form {
	float: 				left;
}



/**	**************************** **
 **	Administrator included parts **
 **	**************************** **/