/**	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:			border-box;
	-moz-box-sizing:	border-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:			left;
	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:		Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: 				#666;
}

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

h2 {
	font-size:			130%;
	padding:			0px 0px 6px 0px;
}

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

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

/*	Standard block level elements	*/
div {
}

p {
	padding-top:		6px;
}

ol {
}

ul {
}

li {
	margin-left:		15px;
}

/*	Links	*/
a, a:link{
	color:				#cc0033;
}
a:visited {
	color:				#aa0033;
}

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


/**	****************** **
 **	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;
	text-align:			left;
}

#content_without_footer{
}

#left_column {
	width:				175px;
	text-align:			right;
	vertical-align:		top;
	overflow:			hidden;
	height:				95%;
}

/*	Main content	*/
#main_column {
	width:				585px;
	border-right:		11px solid #CC0033;
	background:			#fff;
	text-align:			left;
	vertical-align:		top;
	  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */

}

#main_column div.homepage_style{
	background:			#fff no-repeat url('../img/homepage.jpg') top right;
	padding:			300px 10px 30px 20px;
	height:				100%;
}

#main_column div.default_style{
	background:			#fff no-repeat url('../gfx/main-background.jpg') top right;
	padding:			100px 10px 30px 20px;
	height:				100%;
}

#the_footer {
	height:				26px;
}

#the_footer td{
	border-right:		11px solid #CC0033;
	padding-right:		10px;
	text-align:			right;
}

#ihr_logo_motto {
	position:			absolute;
	top:				52px;
	left:				453px;
	width:				275px;
	height:				60px;
	margin-bottom:		-60px;
}

#sisa_logo_small {
	position:			absolute;
	top:				11px;
	left:				195px;
}


/**	************************** **
 **	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{
	float:				right;
	white-space:		nowrap;
	padding-left:		5px;
	border-left:		5px solid #999;
	border-bottom:		2px solid #999;
	margin-bottom:		12px;
}

.url{
}

.perex{
}

.text{
}

.label{
}

.value{
}

.logo{
}

.logo_empty{
}

.link_more{
	float:				right;
	clear:				both;
	white-space:		nowrap;
}


/**	************************ **
 **	Common structure classes **
 **	************************ **
 *
 *	Advice:
 *	@todo? Remove?
 */

.list{
}
.item{
	float:				left;
	clear:				both;
	width:				100%;
	margin-top:			18px;
}
.detail{
}
.detail_edit{
}

/*	List of items	*/
/*
.list .item{
	clear:				both;
	padding:			12px 0px 12px 0px;
}
.list .item .title{
	display:			inline;
	float:				left;
	margin:				0px;
	padding:			0px;
}
.list .item .perex{
	clear:				left;
	padding:			6px 0px 0px 0px;
}
*/
/**	****************** **
 **	Page layout styles **
 **	****************** **
 *
 *	Advice:
 *	@todo move to modules?
 */

/*	Left menu	*/
div.left_column_header {
	height:				95px;
	padding-top:		15px;
	border-right:		1px solid #CC0033;
	vertical-align:		top;
	text-align:			center;
	box-sizing:			border-box;
	-moz-box-sizing:	border-box;
}

div.left_column_header img {
	margin:				0px 5px;
}

ul.menu_main,
ul.menu_admin,
ul.menu {
	list-style-type:	none;
	padding-top:		20px;
}

ul.menu_main{
	height:				350px;
}

ul.menu_main li,
ul.menu_admin li,
ul.menu li {
	padding:			2px 0px;
}

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

ul.menu_main a:hover,
ul.menu_main a:active,
ul.menu a:hover,
ul.menu a:active,
ul.menu_admin a:hover,
ul.menu_admin a:active{
	text-decoration:	underline;
	color:				#cc0033;
}

#flags{
	white-space:		nowrap;
}
/**	********************* **
 **	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
 */

/*	News	*/
#news{
}

.news_item{
}

.news_item_detail{
}

.related_news{
}

.news_item_form{
}

/*	Producers	*/
#producer{
	height:				100%;
	margin-top:	-40px;
	padding-top:40px;
}

.producer{
	float:				left;
	width:				100%;
}

#producer .detail{
	height:				100%;
	margin-top:	-20px;
	padding-top:20px;
}
.producer_detail{
	height:				100%;
}

.related_producers{
}

#export .logo,
#export .logo_empty,
#industry .logo,
#industry .logo_empty,
#spare_parts .logo,
#spare_parts .logo_empty,
#producer .logo,
#producer .logo_empty{
	float:				right;
	clear:				right;
	margin-left:		6px;
	margin-bottom:		6px;
}

#producer .url{
	float:				left;
	margin:				0px 12px 6px 0px;
}
#producer_url_iframe {
	clear:				both;
	float:				none;
	width:				100%;
	height:				100%;
	overflow:			auto;
}

.content_right_floating_div {
	float:				right;
	width:				49%;
	clear:				both;
}

/*	Related [categories|producers|pricelists|news]	*/
.related_categories,
.related_producers,
.related_pricelists,
.related_datasheets,
.related_technical_article_sisa,
.related_documents,
.related_news{
	width:				100%;
	float:				right;
	clear:				right;
	border:				1px solid #666;
	background:			#eee;
	padding:			5px;
	margin-bottom:		5px;
}

.related_categories h4,
.related_producers h4,
.related_pricelists h4,
.related_datasheets h4,
.related_technical_article_sisa h4,
.related_documents h4,
.related_news h4{
	padding:			0px 0px 3px 0px;
}

.related_category{
}

/*	Top commands and path to category	*/
.path_to_category,
.top_commands{
	margin-bottom:		12px;
}

.path_to_category .admin_add,
.path_to_category .admin_edit,
.path_to_category .admin_delete,
.path_to_category .admin_add a,
.path_to_category .admin_edit a,
.path_to_category .admin_delete a{
	background:			#000;
	border:				1px solid red;
	margin-left:		3px;
	padding:			1px;
	color:				#fff;
}

/*	Category listing - subcategories and related producers	*/
#export{
}

#industry{
}

#spare_parts{
}

.subcategory_list .item{
	clear:				both;
	padding-top:		12px;
}

.subcategory_list .subcategories .list{
	width:				49%;
	clear:				both;
	float:				left;
	background:			#eee;
	border:				1px solid #666;
	padding:			5px 10px;
}

.subcategory_list .subcategories .list .item{
	padding:			3px 0px;
	margin:				0px;
}

#news .related_producers .logo,
#news .related_producers .logo_empty,
#export .related_producers .logo,
#export .related_producers .logo_empty,
#industry .related_producers .logo,
#industry .related_producers .logo_empty,
#spare_parts .related_producers .logo,
#spare_parts .related_producers .logo_empty,
#producer .related_producers .logo,
#producer .related_producers .logo_empty{
	float:				left;
	clear:				none;
	margin:				0px;
	height:				25px;
	float:				left;
}

.related_producers .logo img{
	height:				25px;
	margin-right:		2px;
}

/*	@todo
categories
subcategories
category
related_categories
*/

/*	Pricelists	*/
#pricelist{
}

.pricelist{
}

.pricelist_detail{
}

.related_pricelists{
}

.related_datasheets{
}

.related_documents{
}

.related_technical_article_sisa{
}


/*	@todo
.pricelist_form{
}
*/

/*	Content from DB.www_content	*/
/*
.db_www_content{
	margin-bottom:		12px;
}
*/

/*	form select depths	*/
.depth_0 {
	background-color:	#FFFFFF;
}

.depth_1 {
	background-color:	#EEEEEE;
}

.depth_2 {
	background-color:	#DDDDDD;
}

.depth_3 {
	background-color:	#CCCCCC;
}

.depth_4 {
	background-color:	#BBBBBB;
}

.depth_5 {
	background-color:	#AAAAAA;
}

.depth_6 {
	background-color:	#999999;
}

.depth_7 {
	background-color:	#888888;
}

.depth_8 {
	background-color:	#777777;
}

.depth_9 {
	background-color:	#666666;
}


/**	******************************************* **
 **	Specific non-standard definitions of styles **
 **	******************************************* **
 *
 *	Advice:
 *	@todo: remove this heading and put content into modules?
 */

/*	.homepage	*/
/*	.contact	*/
.contact .list .item{
	clear:				none;
	float:				left;
	width:				99%;
	height:				650px;
	margin:				30px 0px 0px 0px;
	padding:			0px;
}
.contact .item .title{
	float:				none;
}
.contact .item .label{
	clear:				left;
	float:				left;
	width:				25%;
}
.contact .item .value{
	float:				left;
	width:				75%
}
.contact .item .email{
	clear:				left;
	float:				left;
	width:				100%
}

/*	.content	*/
/*	.login	*/
/*	.logout	*/
/*	.pricelist	*/
/*
http://web1/jan-mazanek/ihr-autodily.cz.www/1/www/cs/nahradni-dily/8-/
	clear:			right;
	*/


/*	News	*/
/*
.one_producer_logo_empty
*/


/*
.one_producer_description, .one_news_item_content, .one_category_description {
	padding: 5px 0;
}


.one_producer, .one_category, .one_news_item {
	margin-right: 20px;
	padding: 10px;
	margin-top: 10px;
	border-top: 1px dashed #666666;
}


.one_producer_name, .one_category_name, .one_news_item_name {
	font-size: 1.2em;
	font-weight: bold;
}

.producer_description_input, .category_description_input {
	width:	100%;
}

#news_div {
	width:	180px;
	float:	right;
}

#news_div div.one_news_item {
	margin-right: 0px;
	padding: 0px;
}

.office {
	margin: 15px;
	width:170px;
}

.office_phones {
	text-align:right;
}

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


.radio {
}

.checkbox {
}

.notice {
	color:	blue;
}

.error {
	color:	red;
}
*/
/**	**************************** **
 **	Administrator included parts **
 **	**************************** **/

/*	WYSIWYG content administration */
.wysiwyg_table {
	border:				1px solid #666666;
	background-color:	#e0dfe3;
}
.htmlarea,
#category_description_input,
#content_input,
#producer_description_input{
	width:				560px;
}

#language_tabs {
}

.language_tab_default {
	background-color:	#fff;
	border:				1px solid #e0dfe3;
	border-bottom:		1px solid #666666;
	margin-bottom:		-1px;
	padding:			2px;
}


.language_tab_selected {
	background-color: #E0DFE3;
	padding: 2px;
	border-bottom: 1px solid #E0DFE3;
	margin-bottom: -1px;
}

/*	Administration links in presentation	*/
.admin_bar,
.menu_admin {
	background:			#000;
	color:				#666;
	border:				2px solid #f00;
	padding:			3px 10px;
	box-sizing:			border-box;
	-moz-box-sizing:	border-box;
}
.admin_bar {
	clear:				both;
}
.admin_bar a,
.admin_bar a:visited,
.menu_admin a,
.menu_admin a:visited{
	color:				#fff;
	font-weight:		bold;
}

/*	Administration - relations to categories and producers	*/
.link_to_category_table {
	width:			100%;
}

.link_to_category_table td {
	vertical-align:	top;
	width:			33%;
}

.link_to_category_name_title {
}

.link_to_category_list {
	width:			100%;
	text-align:		left;
	vertical-align:	top;
}

.link_to_producer_list_table {
	width:			100%;
}

.link_to_producer_list_table td {
	vertical-align:	top;
	width:			50%;
}

.link_to_producer_name_title {
}

img.NewsImageSecond,
img.NewsImageFirst {
	float:	left;
	margin:	10px 5px 5px 0;
}