/*<style>*/
/* mac hide \*/
html, body {height:100%}
body {
padding:0;
margin:0;
background:#efefef;
color: #000000;
}


#outer{ 
min-height:100%;
margin-right:180px;
background:url(images/main_bg.jpg) bottom right no-repeat;
background-color:#FFFFFF;
border-left:2px solid #fff;
border-right:2px solid #fff;
margin-bottom:-32px;
color: #000000;
min-width:620px;
width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 1001? "1001px": "auto");

}
* html #outer{height:100%;

} /* IE6 and under treat height as min-height anyway*/



#header{
background: url(images/hat_bg.jpg) top repeat-x #bbc0c2;
border-top:none;
border-bottom:2px solid #fff;
color: #000;
text-align:center;
position:relative;
margin:0 -181px 0 0px;
padding-top:0px;
min-height:0;/* ie 7 haslayout fix */
}
/* mac hide \*/
* html #header{height:56px;he\ight:1px}/* height needed for ie to force layout*/
/* end hide*/

#left {
position:relative;/*ie needs this to show float */
width:180px;/* same as the left margin on #outer*/
float:left;
margin-left:-179px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/ 
left:-2px;/* push column into position*/
background:url(images/planka.jpg) top no-repeat;
padding-top:20px;

}
#left p {padding-left:2px;padding-right:2px}



#right p {padding-left:2px;padding-right:2px}




#right {
position:relative;/*ie needs this to show float */
width:180px;/* same as right margin on #outer*/
float:right;
margin-right:-179px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/ 
left:2px;/* push column into position*/
padding:0 0 0 5px;
text-align:center;
}

#footer {
width:100%;
clear:both;
height:30px;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
background-color: #869197;
color: #ffffff;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
position:relative;
padding:0 0 0 0;
min-width:985px;
width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 1001? "1010px": "auto");
}




* html #footer {/*only ie gets this style*/
\height:32px;/* for ie5 */
he\ight:30px;/* for ie6 */
}


#copy
{ 
 float:right;
 height:25px;
 width:300px;
 padding-top:8px;

}

#copy a
{ color:#FFFFFF;
  text-decoration:none;

}


#down_menu
{ position:relative;
  height:25px;
 width:50%;
 padding-top:5px;
}

#foot_rect
{width:50%; 
 height:30px;
 float:left;
 padding-left:180px;
 background:url(images/downleftcolbg.jpg) left no-repeat;
}

#clearfooter{clear:both;height:40px;}/*needed to make room for footer*/ 

#centrecontent {
	width:95%;
	float:left;
	position:relative;
	z-index:1;
	margin:0 -1px;/* moz fix*/
	color: #000;
	padding-left:20px;
}


* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

#content
{padding-left:20px; 
width:95%;
position:relative;
z-index:1;


}




#horizontal_menu
{ height:19px; 
  background:url(images/menu_bg.jpg) repeat-x; 
  position:relative; 
  width:100%; 
  clear:both; 
  border-top:2px solid #fff;
  color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  padding:0 0 0 0;
  margin:0 0 0 0;
}

#nav_string
{ height:19px; 
  background:none; 
  position:relative; 
  width:100%; 
  clear:both; 
  border-top:2px solid #fff;
  color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:8pt;
  text-align:left;
  padding:0 0 0 0;
  
}


#nav_string td
{ color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:8pt;
  text-align:left;
  padding:0 0 0 0;
}
 
#nav_string a
{ color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:8pt;
  text-decoration:none;
}



/*///////////////////*/

.left_menu
{ padding:0 0px 0 0px;;
}

.left_menu a
{ color:#333333;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
}


.mailform
{border:0px;
 padding:0 0 0 0;
 margin:0 0 0 0;

}

.mailform input
{border:1px solid #d2d2d2;
 color:#869197;
 font-family:Arial, Helvetica, sans-serif;
 font-size:8pt;
}

.mailform textarea
{border:1px solid #d2d2d2;
 color:#869197;
 font-family:Arial, Helvetica, sans-serif;
 font-size:8pt;
}

#mail_down

{
background:#efefef; 
position:absolute; 
z-index:10; 
left:0px; 
top:-272px; 
width:180px; 
height:270px; 
padding:0 0 0 0; 
border:none;

}

*html #mail_down
{
margin-top:-1px;
}

#down_plaska
{
position:absolute;
z-index:10; 
right:0px; 
top:-19px; 
width:180px; 
height:19px; 
padding:0 0 0 0; 
border:none;
background:url(images/right_bottom.jpg) no-repeat right;
}

*html #down_plaska
{
margin-top:-1px;
}

.cat_txt
{
width:200px;
float:left;
border:none;
padding:40px 0 0 0;
margin:0 0 0 0;
}

/*///////////////////*/

#menu_1 a {
  display:block;
  width:123px;
  height:118px;
  background: url("images/cm_01.jpg") 0 0 no-repeat;

  margin: 1em 0;
  padding:0px 0 0px 0px;
  font: bold 14px/1 sans-serif;
  color:#c60;
  text-decoration: none;  
}

#menu_1 a:hover { 
  background-position: 0px -118px;
  color: #E9BE75;
}

#menu_1 a:active {
  background-position: 0 0;
  color:white;
}

#menu_2 a {
  display:block;
  width:123px;
  height:118px;
  background: url("images/cm_02.jpg") 0 0 no-repeat;

  margin: 1em 0;
  padding:0px 0 0px 0px;
  font: bold 14px/1 sans-serif;
  color:#c60;
  text-decoration: none;
}

#menu_2 a:hover { 
  background-position: 0px -118px;
  color: #E9BE75;
}

#menu_2 a:active {
  background-position: 0 0;
  color:white;
}

#menu_3 a {
  display:block;
  width:123px;
  height:118px;
  background: url("images/cm_03.jpg") 0 0 no-repeat;

  margin: 1em 0;
  padding:0px 0 0px 0px;
  font: bold 14px/1 sans-serif;
  color:#c60;
  text-decoration: none;
}

#menu_3 a:hover { 
  background-position: 0px -118px;
  color: #E9BE75;
}

#menu_3 a:active {
  background-position: 0 0;
  color:white;
}

#menu_4 a {
  display:block;
  width:123px;
  height:118px;
  background: url("images/cm_04.jpg") 0 0 no-repeat;

  margin: 1em 0;
  padding:0px 0 0px 0px;
  font: bold 14px/1 sans-serif;
  color:#c60;
  text-decoration: none;
}

#menu_4 a:hover { 
  background-position: 0px -118px;
  color: #E9BE75;
}

#menu_4 a:active {
  background-position: 0 0;
  color:white;
}

#menu_5 a {
  display:block;
  width:123px;
  height:118px;
  background: url("images/cm_05.jpg") 0 0 no-repeat;

  margin: 1em 0;
  padding:0px 0 0px 0px;
  font: bold 14px/1 sans-serif;
  color:#c60;
  text-decoration: none;
}

#menu_5 a:hover { 
  background-position: 0px -118px;
  color: #E9BE75;
}

#menu_5 a:active {
  background-position: 0 0;
  color:white;
}

#menu_6 a {
  display:block;
  width:123px;
  height:118px;
  background: url("images/cm_06.jpg") 0 0 no-repeat;

  margin: 1em 0;
  padding:0px 0 0px 0px;
  font: bold 14px/1 sans-serif;
  color:#c60;
  text-decoration: none;
}

#menu_6 a:hover { 
  background-position: 0px -118px;
  color: #E9BE75;
}

#menu_6 a:active {
  background-position: 0 0;
  color:white;
}

#menu_7 a {
  display:block;
  width:123px;
  height:118px;
  background: url("images/cm_07.jpg") 0 0 no-repeat;

  margin: 1em 0;
  padding:0px 0 0px 0px;
  font: bold 14px/1 sans-serif;
  color:#c60;
  text-decoration: none;
}

#menu_7 a:hover { 
  background-position: 0px -118px;
  color: #E9BE75;
}

#menu_7 a:active {
  background-position: 0 0;
  color:white;
}

#menu_8 a {
  display:block;
  width:123px;
  height:118px;
  background: url("images/cm_08.jpg") 0 0 no-repeat;

  margin: 1em 0;
  padding:0px 0 0px 0px;
  font: bold 14px/1 sans-serif;
  color:#c60;
  text-decoration: none;
}

#menu_8 a:hover { 
  background-position: 0px -118px;
  color: #E9BE75;
}

#menu_8 a:active {
  background-position: 0 0;
  color:white;
}

#menu_9 a {
  display:block;
  width:123px;
  height:118px;
  background: url("images/cm_09.jpg") 0 0 no-repeat;

  margin: 1em 0;
  padding:0px 0 0px 0px;
  font: bold 14px/1 sans-serif;
  color:#c60;
  text-decoration: none;
}

#menu_9 a:hover { 
  background-position: 0px -118px;
  color: #E9BE75;
}

#menu_9 a:active {
  background-position: 0 0;
  color:white;
}


/*</style>*/