/**	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:   		100%;
 	box-sizing:   		content-box;
 	-moz-box-sizing: 	content-box;
}

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


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

html,
body {
	height:				100%;
	background-color:	#fff;
	text-align:			center;
	vertical-align:		top;
}

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: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: 				#000000;
}

/*	Headings	*/
h1 {
	font-size:			12px;
	color: 				#9CA3C9;
	font-style:			italic;
	margin-bottom:		0px;
	font-weight: 		500;
}

h2 {
	font-size:			130%;
	margin:				0px;
	color: 				#3D4F75;
	padding:			16px 0px 3px 0px;
}

h3 {
	font-size:			100%;
	padding:			6px 0px 6px 0px;
}

h3.h3main {
	background: 		#DFE6F6 repeat-y url('../gfx/content-head-background.gif') bottom right;
	color:				#3F4E75;
	font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			13px;
	font-weight:		bold;
	margin: 			0px 0px 11px 0px;
	padding:			3px 0px 3px 10px;
	width:				550px;
}

/*	Standard block level elements	*/
div {
}

p {     /* Nevim jestli i neco sem */
	padding-top:		6px;

}

ol {
}

ul {
}

li {
	margin-left:		15px;
}

/*	Links	*/
a, a:link{
	color:				#3D4F75;
	text-decoration:	none;
}
a:visited {
	color:				#3D4F75;
	text-decoration:	none;
}

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;
}

hr{
	height:				1px;
	border-top:			1px solid #666;
	border-bottom:		0px none transparent;
	margin-bottom:		3px;
	clear: 				both;
}

/**	****************** **
 **	Common page layout **
 **	****************** **
 *
 *	Advice:
 *	Define only HTML id|classes, that define common layout of all pages
 */

#the_body {
	width:				760px;
	height:				100%;
	vertical-align:		top;
	margin-left: 		auto;
    margin-right: 		auto;
    text-align:			left;
}

#main {

}

/**	Main divs	*/

#left_div {
    width: 				586px;
    float:				left;
}

#right_div {
    width: 				174px;
    float: 				right;
    background: 		#DFE6F6 no-repeat url('../gfx/news-background-transitional.gif') bottom left;
    overflow:			hidden;
}

#top_div{
	width:				760px;
	height:				95px;
	padding:			0px;
	margin:				0px;
}


/**	Footer	*/
#footer {
/*    width:				760px;*/
	width:				100%;
	color:				#3D4F75;
	font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			8pt;
	text-align: 		center;
	clear: 				both;
	padding-bottom: 	15px;
	padding-top:		10px;
	border-top:			1px solid #3D4F75;
}


/**	********************* **
 **	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
 */


/**	***********************
 ***	Top Stripe		***
 **************************/

/**	Top Left Corner	*/

#top_left{
	width: 				572px;
	padding:	 		18px 0px 0px 14px;
	float:				left;
	height:				77px;
	_height:			78px;
	background: 		#3D4F75 no-repeat url('../gfx/head-subheading.gif') center left;
}

#top_left_heading a {
	margin:				0px;
	font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			17px;
	font-weight: 		bold;
	color: 				#fff;
	text-decoration:	none;
}


h2#top_left_heading {
	margin:				0px;
	padding:			0px;
}

#top_left_subheading {
	font-size: 			12px;
	color: 				#DFE6F6;
	font-weight: 		bold;
	font-family: 		"MS Sans Serif", Geneva, sans-serif;
	padding:			32px 0px 0px 0px;
}

/**	Top Right Corner	*/

#LanguagesAndNews {
    width: 				160px;
    float:				left;
    background-color: 	#DFE6F6;
    height:				100%;
	margin:				0px;
	padding:			0px;
}

#Languages {
	height: 			39px;
	padding:			10px 0px 0px 13px;
	background-color: 	#5C73A9;
	color: 				white;
	width: 				100%;
	font-size: 			10px;
	letter-spacing: 	1px;
	line-height: 		14px;
	text-decoration: 	underline;
}

/** Jazykove verze nejsou jeste delane, proto toto je zatim zbytecne
*	Bylo treba pridat text-decoration nahore

*/

/*#Languages a {
	color: 				White;
	text-decoration: 	underline;
}*/

#NewsMainTitle {
    height: 			33px;
    padding:			13px 0px 0px 13px;
    width:				100%;
	background-color: 	#DFE6F6;
	font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			17px;
	font-weight: 		bold;
    border-bottom: 		1px solid #3D4F73;
}


/**	Head Bottom Stripe	*/

#head_design {
    height: 			201px;
    background-color:	#FFFFFF;
	background: 		no-repeat url('../gfx/head-left.gif') top left;
}

#head_design .left{
	float:				left;
	width:				317px;
	height:				100%;
}

.head_design_left_link{
	padding:			26px 0px 0px 20px;
	width:				280px;
}

.head_design_left_link a:visited{
	color:				#3D4F75;
	font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			17px;
	font-weight: 		bold;
	text-decoration:	none;
};

#head_design .right{
	float:				right;
	width:				269px;
	height:				100%;
}


head_design_right {
	display: 			table-cell;
    vertical-align: 	top;
   	float:				right;
}

/** Contact Table	*/

#head_design_contact_table{
	width:				315px;
	height:				56px;
	vertical-align: 	middle;
	letter-spacing: 	-1px;
	line-height:		12px;
    margin:				80px 0px 0px 0px;
	padding:			0px;
	font-family: 		Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 			10px;
	font-weight: 		normal;
}

#head_design_contact_table td{
	height: 			12px;
	color: 				#3D4F75;
	text-align: 		right;
	padding-left:		12px;
	padding-top:		0px;
	margin:				0px;
}

#head_design_contact_table th{
	font-weight: 		normal;
	height: 			12px;
	color:				#B13E41;
	text-align: 		left;
	padding-left: 		5px;
	padding-top:		0px;
	margin:				0px;
}

#head_design_contact_table td.head_design_contact_table_left {
	color: 				#3D4F75;
	font-size: 			11px;
	line-height:		14px;
	font-weight: 		bold;
	text-align: 		right;
	vertical-align:		top;
	width: 				162px;
	height:				56px;
	padding-left:		0px;
	padding-top:		0px;
}

/** News design	*/


#news-div {
	min-height:			300px;
}

* html #news-div {
	height: 			300px;
}

.news_narrow {
	width: 				100%;

}

.news_wide {
	background: 		#DFE6F6 repeat-x url('../gfx/news-background-transitional.gif') bottom left;
}

#link_news_narrow {
	text-align: 		right;
	margin-right: 		10px;
}


#news_link_all {
	padding-left:		13px;
	font-size: 			11px;
	letter-spacing: 	1px;
	line-height: 		17px;
	color: 				#3D4F75;
}

#news_link_all a {
	text-decoration:	none;
	font-size: 			11px;
	letter-spacing: 	normal;
	line-height: 		17px;
	color: 				#3D4F75;
}

#news_link_all a:hover {
	text-decoration: 	underline;
	color: 				#5C73A9;
}

.news_link {
	cursor: 			pointer;
	cursor: 			hand;
	font-size: 			9px;
}

#news_content {
		padding-left:	16px;
		font-family: 	Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 		10px;
		/*overflow:hidden;*/
}

.news_item {
	margin-bottom: 		10px;
}

.news_title a {
      color:			black;
      font-weight:		bold;
      text-decoration:	none;
      font-size:		11px;
}

.news_datetime {
}

/** Headline Menu	*/

#menu {
	height: 			43px;
	width:				586px;
	background:			#3D4F75;
	margin:				0px;
}

.menu_text {
	background:			#3D4F75 no-repeat url('../gfx/menu-link-vertical.gif') top right;
	height: 			43px;
	color: 				#000000;
	float:				left;
	padding: 			0px 4px 0px 4px;
}

.menu_text_last {
	background:			#3D4F75;
	height: 			43px;
	color: 				#000000;
	float:				left;
	padding: 			0px 4px 0px 4px;
}

div.menu_text a,
div.menu_text a:visited,
div.menu_text_last a,
div.menu_text_last a:visited{
	float:				left;
	color:				#CCCCCC;
	text-decoration:	none;
	font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			8pt;
	font-weight: 		bold;
	padding-top:		15px;
}

div.menu_text a:hover,
div.menu_text_last a:hover{
	color: 				#CC0033;
}

.menu_link_vertical {
	background-color: 	#999999;
	height:				31px;
	width:				1px;
	line-height:		1px;
}

/**********************
***		Main Page	***
***********************/

#content {
	width: 				566px;
	margin:				0px;
	padding:			15px 10px 5px 10px;
	font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			11px;
}

#content_footer {
	clear: 				both;
    font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			9px;
	text-align: 		justify;
	color: 				gray;
	margin-top:			5px;
	margin-bottom: 		10px;
	padding-top:		10px;
	border-top:			1px solid gray;
}


/**	Head	*/

#content_head {
	width: 				355px;
	height: 			24px;
	background: 		#DFE6F6 no-repeat url('../gfx/content-head-background.gif') bottom right;
	color:				#3F4E75;
	font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			10pt;
	font-weight:		bold;
	margin-bottom:		11px;
	padding-left:		10px;
	padding-top:		3px;
}

/**	MAIN	*/

#content_main {
      width: 			100%;
	  line-height: 		15px;
      font-size: 		11px;
      padding-bottom:	15px;
}

/**	Home Page	*/

.content_table{
	width:				100%;
	height:				100%;
}

.content_table table{
	width: 				100%;
}

.content_table_element {
	background: 		no-repeat url('../gfx/content-element-design.gif') top left;
	width: 				196px;
	margin:				10px 0px 0px 2px;
	padding:	 		2px 0px 0px 76px;
	font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	font-weight: 		normal;
	line-height: 		14px;
}

.content_table_element_head {
	padding:		 	0px 0px 2px 0px;
	margin:				0px;
}
.content_table_element_head a,
.content_table_element_head a:visited{
	width: 				100%;
	color:				#3D4F75;
	font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			9pt;
	font-weight: 		bold;
}

.content_table_element_head a:hover
{
	color: 				#CC0033;
}


.homepage_left_top_element {
	height:				250px;
	border-bottom: 		1px solid #9EA6B9;
}

.homepage_left_bottom_element {
	height:				180px;
}

.homepage_right_top_element {
	height:				250px;
	border-left: 		1px solid #9EA6B9;
	border-bottom: 		1px solid #9EA6B9;
}

.homepage_right_bottom_element{
	border-left: 		1px solid #9EA6B9;
	height:				180px;
}

/**	Text design	*/

p.showOffText {
	border: 			1px solid black;
	padding: 			8px 8px 8px 8px;
	margin: 			10px 0 0 0;
	width:				548px;
	background-color:	#F5F6F6;
}


p.centerText {
	font-weight: 		bold;
	text-align: 		center;
}

.redText {
	color: 				red;
}

.boldText {
	font-weight: 		bold;
	text-align: 		center;
}


div.space_under_news {
	height: 			20px;
	float: 				right;
	width: 				20px;
}


table.headingPrice {
	margin-top:	 	20px;
	width: 				95%;
}

table.headingPrice td span.price {
	font-size: 			13px;
	color: 				red;
	font-weight: 		bold;
	padding-top:	 	0px;
	margin-top:			0px;
	text-align: 		right;
}

table.headingPrice td h2 {
	padding-top:	 	0px;
	margin-top:			0px;
}

ul.priceListInclude {
	margin-left: 		10px;
}

ul.priceListSpace {
	margin-top:			5px;
}


/**	Offer Page	*/

.table_offer_form {
	width:				554px;
	height:				300px;
	border: 			1px solid black;
	background-color: 	#F5F6F6;
	padding:			0px 5px 0px 5px;
}

.table_offer_form tr {
	vertical-align: 	top;
	line-height:			15px;
	height:				15px;
}

.table_offer_form input{
	height:				16px;
	width:				200px;
	padding:			0px;
	font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.table_offer_form input.button{
	width:				100px;
	margin-left:		50px;

}


.table_offer_form td.sign {
	text-align: 		right;
	width: 				260px;
	padding:			0px 30px 5px 0px;
	margin:				0px;
}

.table_offer_form textarea {
	width: 				549px;
	height: 			100px;
	margin-bottom:		15px;
}

.form_bellow_text {
	color: 				#3D4F75;
	font-size: 			9px;
	text-align: 		justify;
	color: 				gray;
}

#table_offer_form_send{
	margin-top: 		100px;
	margin-bottom: 		100px;
	text-align: 		center;
}

/*	Nabidka-as-SRO Page */

.nabidka_as_sro form{
	margin:		0px;
	padding:	0px;
}

.nabidka_as_sro_text{
	margin-top:			15px;
	margin-bottom:		10px;
}

/*	Contact page	*/

.contact_adress_table{
	width: 				380px;
	margin:				0px;
	padding:			0px;
}

.contact_adress_table h4,
.contact_editable_text h4{
	color: 				#3D4F75;
}

.contact_editable_text {
	padding-bottom:		4px;
}

.contact_adress_table td,tr{
	height:				15px;
	margin:				0px;
	padding:			0px;
	vertical-align: 	top;
}

#contact_flash {
	float: right;
	margin-left: 10px;
}


b.bold {
	font-weight:		bold;
}

i.italic {
	font-style:			italic;
}


.header_email a {
	color:			#B13E41;
	text-decoration:	underline;
}

.header_email a img {
	border-bottom:		1px solid #B13E41;
	cursor:				hand;
}

.header_email a:hover {
	text-decoration:	none;
	color:				#B13E41;
}


/*	Admin Page	*/

.admin_bar,
.menu_admin {
	background:			#666;
	color:				#000;
	border:				2px solid #3D4F75;
	padding:			3px 10px;
/*	box-sizing:			border-box;
	-moz-box-sizing:	border-box;*/
}
.admin_bar {
	clear:				both;
}

.admin_bar span {
	color:				#fff;
}

.admin_bar a,
.admin_bar a:visited,
.menu_admin a,
.menu_admin a:visited{
	color:				#fff;
	font-weight:		bold;
}

div.webdesign_by_abeo {
	padding:			6px 0px;
}
div.webdesign_by_abeo a{
	color:				#000;
}

a.image-link {
	position:			relative;
	top:				2px;
}

p.homepage_welcome_text {
	text-align:			center;
	color:				red;
	font-weight:		bold;
}