/* ===============================================  G L O B A L  =============================================== */
body						{ margin: 0; padding: 0; background: url(images/bg-body-pattern.jpg) repeat-x #A9BCDC; text-align: center; }
body, td, th,
input, textarea, select		{ font: 62.5% "Helvetica CE", helvetica,  arial, lucida, sans-serif; }
img, fieldset				{ border: 0 solid; }
h6, h5, h4, h3, h2, h1, p,
ul, ol, li, dl, dd, dt, 
input, select, textarea,   
form, fieldset				{ margin: 0; padding: 0; }   
/* ............................................................................................................ */   
                            			/* align */
.fl		{ float: left; }
.fr     { float: right; }
.ac     { text-align: center; }
.ar     { text-align: right; }
                            			/* images */
.il     { float: left; clear: left; margin: 0 1em 0.5em 0; }
.ir     { float: right; clear: right; margin: 0 0 0.5em 1em; }
                            			/* spacing */
.h      { margin: 0 0 0.5em; }
.s      { margin: 0 0 1em; }
.sh     { margin: 0 0 1.5em; }
.d      { margin: 0 0 2em; }
                            			/* hidden & clear */
hr      		{ display: none; }
h1, h2, .hidden { position: absolute; top: -10000px; }
.clr    		{ clear: both; height: 1px; font-size: 1px; overflow:  hidden; }
/* ============================================================================================================ */   
#page			{ width: 880px; margin: 0 auto; text-align: left; padding: 30px 0 0; }
#head			{ height: 50px; background: url(images/bg-head.jpg) no-repeat; }
#main			{ float: left; background: url(images/bg-main-pattern.gif) repeat-y #F2F0E3; margin: 10px 0 0; }
#main-in		{ float: left; background: url(images/bg-main-corner.gif) no-repeat top left; padding: 10px 0 10px 10px; }
#left-content	{ float: left; width: 720px; }
#filter			{ width: 680px; height: 95px; background: url(images/bg-filter2.jpg) no-repeat; margin: 0 0 10px; padding: 3px 15px 0; font-size: 1.1em; text-align: top; }
* html #filter	{ width: 710px; w\idth: 680px; }
#filter	form	{ margin-top: 3px; }
#filter	form input.sub2	{ width: 50px; margin: 1px 0 0 150px; height: 1.4em; font-size: 12px; }
#filter	#space	{ height: 0px; }
#filter .big	{ font-size: 1em; font-weight: bold; padding: 0 0 3px; line-height: 170%; }
#filter .small	{ font-size: 1em; padding: 0 0 3px; line-height: 170%; }

#filter	form br	{ height: 20px; }



.box					{ min-height: 300px; position: relative; padding: 0 0 35px; }
* html 		.box		{ height: 300px; }
.nomin					{ min-height: 10px; }
* html 		.nomin		{ height: 10px; }
.strankovani			{ position: absolute; bottom: 0; }



#col-1 .box				{ float: left; width: 710px; background: #F7F7F2; margin: 0 10px 0 0; display: inline; }
#col-1 .box h3			{ padding: 5px 0 0; font-size: 1.2em; color: #FAF3E0; text-align: center;  }
#col-1 .box h3 span		{ background: url(images/box-symbol.jpg) no-repeat 0 0; padding: 5px 0 0 30px; }
#col-1 .box .top 		{ min-height: 25px; background: url(images/bg-box-top-3.jpg) no-repeat #4770A1; }
* html #col-1 .box .top	{ height: 25px; }
#col-1 .strankovani		{ height: 25px; background: url(images/bg-box-bottom-3.jpg) no-repeat; color: #FAF3E0; text-align: center; margin: 10px 0 0; font-size: 1.1em;  width: 710px; }

#col-2 .box				{ float: left; width: 350px; background: #F7F7F2; margin: 0 10px 0 0; display: inline; }
#col-2 .box h3			{ padding: 5px 0 0; font-size: 1.2em; color: #FAF3E0; text-align: center;  }
#col-2 .box h3 span		{ background: url(images/box-symbol.jpg) no-repeat 0 0; padding: 5px 0 0 30px; }
#col-2 .box .top 		{ min-height: 25px; background: url(images/bg-box-top-2.jpg) no-repeat #4770A1; }
* html #col-2 .box .top	{ height: 25px; }
#col-2 .strankovani		{ height: 25px; background: url(images/bg-box-bottom-2.jpg) no-repeat; color: #FAF3E0; text-align: center; margin: 10px 0 0; font-size: 1.1em;  width: 350px; }


#col-3 .box				{ float: left; width: 230px; background: #F7F7F2; margin: 0 10px 0 0; display: inline; }
#col-3 .box h3			{ padding: 5px 0 0; font-size: 1.2em; color: #FAF3E0; text-align: center;  }
#col-3 .box h3 span		{ background: url(images/box-symbol.jpg) no-repeat 0 0; padding: 5px 0 0 30px; }
#col-3 .box .top 		{ min-height: 25px; background: url(images/bg-box-top.jpg) no-repeat #4770A1; }
* html #col-3 .box .top	{ height: 25px; }
#col-3 .strankovani		{ height: 25px; background: url(images/bg-box-bottom.jpg) no-repeat; color: #FAF3E0; text-align: center; 
							margin: 10px 0 0; font-size: 1.1em;  width: 230px; }

#right-content	{ float: right; width: 150px; background: url(images/bg-right-corner.gif) no-repeat top right #F7F7F2; margin: -10px 0 0; }
#advert			{ width: 130px; min-height: 30px; background: url(images/bg-advert.jpg) no-repeat; margin: 10px 0 0 10px; }
#foot			{ float: left; height: 20px; width: 850px; background: url(images/bg-foot.gif) no-repeat; padding: 5px 15px 0; }


/* ---------------------------------------------/ BOXES (1,2,3) /--------------------------------------------- */
	/* top line in column */
.top 		{ min-height: 25px; background: url(images/bg-box-top.jpg) no-repeat #4770A1; }
* html .top	{ height: 25px; }
	/* list in bottom part */
.strankovani			{ height: 25px; background: url(images/bg-box-bottom.jpg) no-repeat; color: #FAF3E0; text-align: center; margin: 10px 0 0; font-size: 1.1em; }
.strankovani p			{ padding: 5px 0 0; }
.strankovani a			{ color: #FAF3E0; text-decoration: none; }
.strankovani a.active	{ color: #074588; }
.strankovani a.sides	{ padding: 0 5px 0; } 
.strankovani a:hover	{ text-decoration: underline; }
	/* main short messages in columns */
.message 		{ padding: 5px 10px 0; }
.message h4		{ font-size: 1.1em; color: #CC9100; padding: 0 0 3px; }
.message p		{ font-size: 1.1em; color: #A39051; }
.message hr		{ display: block; width: 100%; height: 1px; background: #CBCABC; border: 0; }
.message a		{ color: #CC9100; }
.message a:hover{ text-decoration: none; }

/* ---------------------------------------------/ FROMULAR /------------------------------------------------------ */
.box					{ font: 110% "Helvetica CE", helvetica,  arial, lucida, sans-serif; }
.box form 				{ margin: 1em 0 1em 0em; color: #A39051; font: 110% "Helvetica CE", helvetica,  arial, lucida, sans-serif; }
.box form label 		{ display: block; float: left; clear: left; width: 200px; margin: 0 10px 5px 0; 
							  padding: 0.2em 0 0; text-align: right; font-weight: bold; }
.box form label.nr		{ font-weight: normal; }
.box form input, 
.box form textarea		{ margin-bottom: 5px; padding: 2px; background: #fff; border: 1px solid #a9a9a9; font-size: 110%; }
.box form select		{ margin-bottom: 5px; padding: 1px; background: #fff; border: 1px solid #a9a9a9; font-size: 110%; width: 200px; }
.box form input:focus,
.box form textarea:focus{ background: #F7F9E1; }
.box form .strankovani input { margin-top: -3px; border: 1px solid #4A4C00; background: #fff; font-size: 90%; height: 18px; }


/* ---------------------------------------------/ HLASENI /------------------------------------------------------ */
.box .error			{ margin: 10px 0px 0px; padding: 0 0 2px; clear: both; height: 1%; color: #A39051; }							
.box .error h4		{ font-size: 1.1em; padding: 0.2em 0.5em; }	
.box .error ul		{ list-style-type: none; margin: 6px 20px 0; }
.box .error ul li	{ padding: 5px 0 5px 20px; background: url(images/btn-error.gif) no-repeat; }
.box .success		{ margin: 10px 0px 0px; padding: 0 0 2px; clear: both; height: 1%; color: #A39051; }							
.box .success h4	{ font-size: 1.1em; padding: 0.2em 0.5em; }	
.box .success ul	{ list-style-type: none; margin: 6px 20px 0; }
.box .success ul li	{ padding: 5px 0 5px 20px; background: url(images/ico-green-ok.gif) no-repeat; }


/* ---------------------------------------------/ HEAD /------------------------------------------------------ */
#head img				{ margin: 0 0 0 8px; float: left; }
#head form				{ float: left; margin: 0 0 10px; width: 410px; }
#head form fieldset		{ padding: 16px 10px 0; }
#head form input 		{ width: 175px; font-size: 1.4em; background: #fff; border: 1px solid #5f82af; }
#head form input.sub	{ width: 50px; margin: 0 0 0 5px; height: 1.5em; font-size: 12px; }
#head form label		{ margin: 0 0 0 10px; font-size: 1.2em; color: #FAF3E0; }
#head form label a		{ color: #FAF3E0; text-decoration: none; }
#head form label a:hover{ text-decoration: underline; }

#head #links			{ float: right; font-size: 1.2em; width: 260px; text-align: right; color: #FAF3E0; margin: 7px 0px 0 0; }
#head #links a			{ color: #FAF3E0; text-decoration: none; padding: 0 7px 0; }
#head #links a:hover	{ text-decoration: underline; }
/* ---------------------------------------------/ FILTER /--------------------------------------------- */
#filter form select		{ font-size: 1em; }
#filter form input 		{ width: 175px; font-size: 1.4em; background: #fff; border: 1px solid #5f82af; }
#filter form input.sub	{ width: 60px; margin: 1px 0 0 5px; height: 1.5em; font-size: 12px; }
#filter form input.check{ width: auto; background: none; border: 0; color: #D8DAD7; margin: 0 7px 0 -2px; }
#filter form label		{ color: #D8DAD7; }
/* ---------------------------------------------/ RIGHT CONTENT /--------------------------------------------- */
#advert h3			{ padding: 5px 0 15px; font-size: 1.2em; color: #846B17; text-align: center;  }
#advert h3 span		{ background: url(images/advert-symbol.jpg) no-repeat 0 0; padding: 5px 0 0 30px; }
#advert img			{ margin: 0 0 0 3px;  }

#ad-info		{ width: 111px; margin: 0 0 0 13px; border: solid #E2E0CB; border-width: 2px 2px 15px; padding: 0 5px 0; }
#ad-info p		{ border: solid #E2E0CB; border-width: 0 0 2px; font-size: 1.1em; color: #B3A57B; padding: 0 0 15px;  }
#ad-info p.lst	{ border: 0;}
#ad-info h4		{ font-size: 1.1em; color: #CC9100; padding: 0 0 3px; }
#ad-info a		{ color: #CC9100; }
#ad-info a:hover{ text-decoration: none; }
/* ----------------------------------------------------/ FOOT /----------------------------------------------- */
#foot p.copy		{ float: left; color: #CC9100; margin: 1px 0 0; }
#foot p.creat 		{ float: right; color: #CC9100; margin: 1px 0 0; }
#foot a 			{ color: #CC9100; text-decoration: underline; }
#foot a:hover 		{ text-decoration: none; }

#suggest { 
  width: 200px; 
  position: absolute; 
  border: 2px solid #899CBC; 
  background: #F7F9E1;
  margin: 0px; 
  visibility: hidden; 
  z-index:1;
}
#suggest p {
padding:2px;
cursor: pointer; 
cursor: hand; 
background-color: expression(
	this.onmouseover = new Function("this.className += ' hover';"), 
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')") 
  );
}
#suggest p:hover,#suggest p.hover {
color:white;
background: #A39051;

}