.topmain
{
background-image:url(../images/fon_shapka.jpg);
background-repeat:repeat-x;
}
.right_contact
{
background-image:url(../images/contacts.jpg);
background-repeat:no-repeat;
width:212px;
font-size:16px;
font-weight:bold;
color:#8b2d2d; 
margin-top:10px;
}
.left
{
width:197px;
max-width: 320px;
background-color: #c4efff;
border-right: 1px solid red;
}
.zapis
{
background-image:url(../images/zapis.jpg);
background-position: right;
background-repeat:no-repeat;
background-color:#fff1f0;
}
.mainregion
{
background-color:#fff1f0;
height:100%;
padding: 15px;
}
.pred_main
{
background-color:#fff1f0;
}

ul { 
margin: 0; 
padding: 0; 
list-style: none; 
width: 196px; /* Width of Menu Items */ 
border-bottom: 1px solid #ccc; 
} 

ul li { 
position: relative; 
} 

li ul { 
position: absolute; 
left: 195px; /* Set 1px less than menu width */ 
top: 0; 
display: none; 
} 

/* Styles for Menu Items */ 
ul li a { 
display: block; 
text-decoration: none; 
color: #ffffff; 
background: #88c3db; /* IE6 Bug */ 
padding: 2px; 
border: 1px solid #ccc; /* IE6 Bug */ 
border-bottom: 0; 
} 

/* Holly Hack. IE Requirement \*/ 
* html ul li { float: left; height: 1%; } 
* html ul li a { height: 1%; } 
/* End */ 

li:hover ul, li.over ul { display: block; } /* The magic */

li:hover ul ul, li.over ul ul {display: none;} 
ul ul li:hover ul, ul ul li.over ul {display: block;} 
li:hover ul ul ul, li.over ul ul ul{display: none;} 
ul ul ul li:hover ul, ul ul ul li.over ul {display: block;} 
li:hover ul ul ul ul, li.over ul ul ul ul{display: none;} 
ul ul ul ul li:hover ul, ul ul ul ul li.over ul {display: block;} 




#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:175px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#ccc;	/* White background color */
		text-align:left;
		font-size:0.9em;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#CCCCCC;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	
	form{
		display:inline;
	}
	