html { height: 100% }

body {
	background: url('../img/main_bg.gif') repeat-x #fff;	
	margin: 0; padding: 0;
	font-family: "Trebuchet MS", "Verdana";
	font-size: 0.75em;
	line-height: 20px;
	position: relative;	
	height: 100%; 
}

div#main 									{ margin: 0; padding:0; position: relative; height:auto !important; height:100%; min-height:100% }
div.mainframe								{ width: 930px; padding: 0px 0 0 60px; position: relative }

#top-menu 									{ margin-top: 29px; float: left }
	#top-menu a								{ display: block; height: 141px; float: left }
	#top-menu a span						{ display: none }
	#top-menu #clients						{ background: url('../img/m_klienti.gif'); width: 127px }
		#top-menu #clients:hover			{ background-position: 127px }
		.kli_on							{ background-position: 127px !important }
	#top-menu #references					{ background: url('../img/m_referencie.png'); width: 129px; margin-left: -21px }
		#top-menu #references:hover			{ background-position: 129px }
		.ref_on								{ background-position: 129px !important }
	#top-menu #services						{ background: url('../img/m_sluzby.png'); width: 121px; margin-left: -21px }
		#top-menu #services:hover			{ background-position: 121px }
		.slu_on								{ background-position: 121px !important }
	#top-menu #pricelist					{ background: url('../img/m_cennik.png'); width: 118px; margin-left: -15px }
		#top-menu #pricelist:hover			{ background-position: 118px }
		.cen_on								{ background-position: 116px !important }
	#top-menu #contact						{ background: url('../img/m_kontakt.png'); width: 116px; margin-left: -10px }
		#top-menu #contact:hover			{ background-position: 116px }
		.kon_on								{ background-position: 116px !important }
		
#logo										{ position: absolute; right: 0px; top: 0px }

div#contents								{ margin: 20px 0 0 0 }
div#contents #left-column					{ width: 560px; float: left; padding-bottom: 60px }

	#cols-set								{ margin: 20px 0 }
	.column-mini							{ position: relative; background: url('../img/bg_column.gif') no-repeat; width: 150px; min-height: 175px; height: auto; padding: 0 10px 0 10px}
		.column-mini p						{ color: #575757; margin: 0; font-size: 0.9em }
		.column-mini h3						{ font-size: 1.2em; font-weight: bold; margin: 0 0 18px 0 }

	.column-middle							{ position: relative; background: url('../img/ref-gradient.gif') no-repeat; width: 258px; min-height: 177px; height: auto; padding: 0 10px 0 10px }
		.column-middle p					{ color: #575757; margin: 0; font-size: 0.9em }
		.column-middle h3					{ font-size: 1.2em; font-weight: bold }

	.articles_list							{ list-style: none; margin: 0; padding: 0; }
		.articles_list li					{ margin: 10px 0; padding: 0 0 0 45px; background: url('../img/li_arrow.gif') no-repeat; }

div#contents #right-column					{ width: 320px; float: right }
	#references_list						{ background: url('../img/bg_referencie.gif') no-repeat; width: 290px; padding: 15px; position: relative }
		.ref								{ margin: 0 0 10px 0; display: block }
		.ref img								{ float: right; margin-top: 5px; border: 1px solid #ccc; width: 52px }
		.ref p	 							{ margin: 0; float: left; text-align: right; width: 210px }
	
	.reference_item							{ padding: 10px 0 0 0; width: 237px; position: relative}
		.reference_item img					{ border: 1px solid #ccc; width: 60px; }
		.reference_item .imgDiv				{ width: 62px; margin: 0 10px 0 0;  }
		.reference_item .txtDiv				{ width: 165px; }
		
	.reference_item_maxwidth				{ padding: 25px 0 20px 0; border-top: 1px solid #ccc; line-height: 18px; position: relative }
		.reference_item_maxwidth img		{ border: 1px solid #ccc;  }
		.reference_item_maxwidth .imgDiv	{ margin: 0 10px 0 0; width:77px; }
		.reference_item_maxwidth .txtDiv	{ width: 200px;  }
		.reference_item_maxwidth .descDiv	{ width: 250px; border-left:1px solid #ccc; padding-left: 10px; font-size: 0.9em; position: relative }
		.reference_item_maxwidth .infoimg 	{ position: absolute; right: 0px; border: none; z-index:-1 }
		.noborder							{ border-bottom: none !important }
		
		.inactive							{ color: #ccc !important }
		.inactive a 						{ color: #ccc !important; font-weight: bold; font-size: 1.1em; }
		
	.warn_form								{ color: #EF3F49 !important; margin-bottom: 10px !important }
	.ok_form								{ color: #4FBD29 !important; margin-bottom: 10px !important }
		
	#contact-form							{ min-height: 120px; height: auto; background: #000; position: relative; margin-bottom: 300px; padding: 10px }
		#ornament-contact					{ background: url('../img/ornament-contact.gif'); width: 308px; height: 90px; display: block; position: absolute; bottom:-90px; z-index:99; right: 0px }
		#contact-form p						{ color: #fff; margin: 0 }
		#contact-form .inputs				{ background: url('../img/bg_forms.gif') #000 repeat-x; border: 1px solid #303030; color: #fff; font-size: 11px; font-family: "Trebuchet MS", "Verdana"; width: 180px; overflow: hidden }		
		.inp_image							{ width: 83px !important; height: 32px !important; position: absolute; right: 30px; bottom: -10px; z-index: 100 }
	
	
#footer										{ background: url('../img/bg_footer.gif') repeat-x; padding-top: 12px; height: 42px; width: 100%; position: absolute; bottom: 0px !important; }
	#footer p								{ font-size: 0.8em; color: #666666; margin: 10px 0 0 0} 
	#footer a                { color: #666666; position: relative }
#ornament-bottom							{
  background: url('../img/ornament-bottom.gif');
  width:458px;
  height: 190px;
  display: block;
  position: absolute;
  top:-203px;
  *top:-193px;
  right: 0px;
  z-index: 0
  }
  


/* ----------- defaults --------------- */

h1											{ font-size: 1.4em; padding: 5px 0 0 45px; background: url('../img/li_arrow.gif') no-repeat; height: 26px}
h2											{ font-size: 1.4em; padding: 5px 0 0 45px; background: url('../img/li_arrow.gif') no-repeat; height: 26px}
/*h3.noStyle									{ background: none; padding: 0; margin: 0 0 30px 0}*/
form,fieldset									{ margin: 0; padding: 0; border: none }
a											{ color: #FF0072; text-decoration: none }
a:hover										{ color: #B81B61; text-decoration: underline }
h4											{ font-size: 1em; display: inline; margin: 0 }
img											{ border: none }

/* ----------- classes ---------------- */

.clear										{ clear: both }
.clear_clean								{ clear: both }	
.more-ref									{ position: absolute; left: -17px; top:-8px }
.flL										{ float: left }
.flR										{ float: right }
.mB											{ margin-bottom:5px }
.mR25										{ margin-right: 25px }
.emulateH2									{ font-size: 1.2em; font-weight: bold }
.date										{ color: #B7B7B7 }
.star										{ display: block; background: url('../img/star.png'); width: 30px; height: 32px; position: absolute; right: -10px; top: 35px }
.arrow										{ font-size: 1px; display: -moz-inline-stack; display: inline-block; background: url('../img/mini-arrow.gif'); width: 9px; height: 9px; }
.arrow_pointer								{ display: -moz-inline-stack; display: inline-block; background: url('../img/mini-arrow.gif') no-repeat 0px 5px; padding-left: 15px }
.ref-link									{ font-size: 1.1em; font-weight: bold }
.html_box									{ float: right; border-left: 4px solid #ccc; margin: 0 20px 20px 20px; background: #F0F0F0; padding: 10px }
.html_box a									{ color: #2F2F2F; display: -moz-inline-stack; display: inline-block; background: url('../img/mini-arrow.gif') no-repeat 0px 5px; padding-left: 15px }
.html_box ul								{ margin: 0; padding: 0 0 0 0px; list-style: none }
.html_box li								{ padding: 0; margin: 0 }
.image										{ border: 3px double #ccc }
a.black										{ color:#000 !important }
a.black:hover								{ color: #FF0072 !important }
.padtop										{ padding-top: 10px }
.vaM 										{ vertical-align: middle }
.taR										{ text-align:right }
.undrc										{ border: none !important; width: 30px !important; cursor: help; position: absolute; right: 0px; bottom: 0 }
.undrcb										{ border: none !important; width: 30px !important; cursor: help; position: absolute; right: 0px; bottom: 10px }
.w50p										{ width: 50% }
.mBot										{ margin-bottom: 10px }
.taJ                    { text-align: justify }

.linkbuild { color: #202020 !important }
#text_content { padding-bottom: 20px }

.article_p        { padding: 0 5px }

.red-highlight { color:#B81B61 }
.red-highlight { color:#B81B61 }