

body {
	background : #336799 none;
}

.body_index
{
	background: #336799;
}

.main_index
{
	display: block;
	width: 800px;
	margin: 1em auto;
	border: 2px solid #FFFFFF; 
	text-align: left;
	max-width: 1024px;
  background: #336799 url(images/mainbkgnd_index.jpg);
}

.mainheader
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border: 0px;
	display: block;
	width: 800px;
	height: 102px;
	background-image: url(images/osgchheader.jpg);
}

.leftpanel
{
	float: left;
	width: 180px;
	margin:0; padding:0;
}

.middlepanel
{
	width: 620px;
	margin: 0 0 0 0px;
	padding: 0;
	float: left;
	font: 13px Trebuchet MS}

.middleheader
{
	width: 620px;
	height: 50px;
	color: white;
	margin: 0px;
	padding: 10px 0 0 0;
	border: 0px;
	display: block;
/*	float: left;*/
}

.index_address
{
	float: left;
	width: 340px;
	margin-top: 20px;
	padding: 0;
}




.rightpanel, .rightpanel_index 
{
	margin:0 0 0 620px; padding:0;
}

.rightpanel_index
{
	background: #FCFCFF;
}

.middle_h2
{
	border-bottom-color: Gray;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 20px;
}

.m_index
{
	color: white;
	display: block;
	font: italic normal 18px 'Trebuchet MS';
	text-decoration: none;
	margin: 5px;
	padding: 5px;
	vertical-align: middle;
}

.m_index
{
  background: url(images/m_index.jpg);
}
.m_index:hover {
  background: #336799 url(images/m_index_sel.jpg);
}

h2
{
	margin: 10px;
}

p
{
  margin: 10px;	
}

p.pfirstletter:first-letter
{
	font-size: 250%;
	float: left;
}

.mtext_datum
{
	color: Red;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.mtext_welcome
{
	color: black;
	font: bold 22px Trebuchet MS;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.mtext_title
{
	color: black;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.mtext_title1
{
	color: #00B266;
	font-size: 17px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.mtext_text, .mtext_text1, .mtext_ordhod
{
	color: black;
	font-size: 14px;
	margin-left: 10px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
.mtext_text1
{
	text-align: right;
}

.mtext_ordhod
{
	color: #002A91;
}

.panel_left
{
  width: 178px;
/*  background: black; */
  border: 0px;
  margin: 0px;
  margin-top: 0px;
  margin-left: 1px;
  padding: 0px;
/*  padding-top: 10px;*/
}
.img_left
{
  width: 170px;
  border: 0px;
  margin: 0px;
  margin-top: 10px;
  padding: 0px;
  padding-left: 3px;
}

hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
}

.img_middlepanel
{
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 436px;
	height: 104px;
}

.img_middle
{
  margin: 5px;
  margin-left: 15px;
}

.img_middle1
{
  border: 0px;
  padding: 0px;
  margin: 5px;
  margin-left: 10px;
  float: left;
}

.img_odkaz
{
  border: 0px;
  padding: 0px;
  margin: 5px;
  margin-left: 10px;
  float: left;
}


.chatpanel
{
  display: block;
  width: 420px;
  margin: 0px;
  margin-top: 10px;
  padding: 0px;
  border: 0px;
}

.chatnickname
{
	color: black;
	font-size: 13px;
   margin: 0px;
	margin-top: 0px;
	padding: 0px;
}

.chatsubject
{
	width: 310px;
	color: black;
	font-size: 13px;
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	overflow: hidden;
	display: block;
}

.chatcontent
{
	width: 400px;
	display: block;
	margin: 0px;
	margin-top: 5px;
	margin-left: 15px;
	padding: 2px;
	border: 1px solid;
	background-color: white;
}

.chatdate
{
	color: black;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

.email
{
	margin: 0px;
	margin-left: 10px;
	display: block;
}



a.info
{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span.hint{display: none}

a.info:hover span.hint{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

.tableprice
{
  margin: 20px;
}

.tableprice_th_left
{
	font-size: 15px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 0px;
	border: 1px solid Black;
	border-right: none;
}

.tableprice_th_right
{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	border: 1px solid Black;
	margin-left: 0;
	padding-left: 0px;
}

.tableprice_td_left
{
  padding-left: 5px;
  border: 1px solid Black;
  border-right: none;
  border-top: none;
}


.tableprice_td_right
{
	color: Red;
	text-align: center;
	font-weight: bold;
 border: 1px solid Black;
 border-top: none;
}

.uz_itempanel
{
  display: block;
  float: left;
  width: 500px;
}
