/* CSS ANIMA */

	/***************** BASIC ELEMENTS ************************/

body {
	background: #000000 url("../images/bg_body.gif");
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin:0px;
	padding:0 0 0 0;
	color: #333333;
	text-align: center;
}

div#frameholder {
	width: 950px;
	padding: 0 0 0 0;
	margin: 0 auto;
	text-align: left;
	background: #ffffff url("../images/bg_frameholder.gif") repeat-y;	
}

div#right{
	float: right;	
	margin: 0 0 0 0;
	padding: 10px 20px;
	width: 160px;
	color:#FFFFFF;
}

div#right a{color:#FFFFFF; text-decoration:underline;}

div#left{
	float: left;
	width: 180px;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	color:#FFFFFF;
}

div#center{
	float: left;
	width: 570px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#content{
	padding: 20px;
	margin: 0 0 0 0;
	line-height: 12pt;
}

div#footer {
	width: 930px;
	margin: 0 auto;
	font-size: 8.25pt;
	text-align: left;
	padding: 10px 0 10px 20px;
	background: #000000;
	color: #666666;
}

div#footer a {
	color: #666666;
	text-decoration: none;
}

div#footer table {
	margin: 10px 0 0 0;
}

div#footer table td{
	font-size: 7.5pt;
	line-height: 8.25pt;
}

div#footer div#submenu {
	margin: 0 0 7px 0;
	font-size:7.5pt;
	color: #999999;
}

div#footer div#submenu a{
	color: #999999;
	text-transform:uppercase;
	font-weight:normal;
	padding: 0 2px;
}

/***************** SPECIFIC ELEMENTS ************************/

/***************** header ************************/

div#header{
  padding: 0 20px 0 770px;
  margin: 0 0 0 0;
  height: 295px;
}

div.default{background: url("../images/bg_header_01.jpg") no-repeat right top;}
div.hlodavci{background: url("../images/bg_header_02.jpg") no-repeat right top;}
div.cincila{background: url("../images/bg_header_02.jpg") no-repeat right top;}
div.krecek{background: url("../images/bg_header_02.jpg") no-repeat right top;}
div.morce{background: url("../images/bg_header_02.jpg") no-repeat right top;}


a#logo{
  font-size: 0pt;
  position: absolute;
  top: 35px;
  margin: 0 0 0 32px;
  width: 195px;
  height: 60px;
  background: url("../images/common/bg_none.gif") no-repeat; 
}

div#logo img.first{
	margin: 0 0 30px 0;
}

div#logo img.second{
	margin: 0 0 15px 0;
}

div#logopark{
  padding: 50px 0 0 0;
}

div#logopark img{
  vertical-align: middle;
  margin: 0 25px 0 0;
}



/***************** topmenu ************************/

div#topmenu {
	padding: 10px 0;
	text-align: left;
	font-size: 8.25pt;
	color: #ffffff;
}

div#topmenu a{
	color: #ffffff;
	padding: 0 5px;
}

div#topmenu a:hover{
	background: #297200;
	text-decoration: none;
}

div#topmenu a.first{margin-left: -5px;}

div#topmenu  img{
	margin: 0 15px 0 0;
}


/***************** site path ************************/

div#sitepath{
padding: 5px 0 0 20px;
margin: 0 0 0 0;
font-size: 7.5pt;
font-family: Arial, Verdana,  Helvetica, sans-serif;
color:#999999;
}

div#sitepath a{
font-weight: normal;
text-decoration:underline;
color: #999999;
}

/***************** hormenu ************************/

div#hormenu {
	background: #fad129 url("../images/bg_hormenu.gif") repeat-x;
	height: 40px;
	margin: 0 0 0 0;
}

	div#hormenu ul.menu {
		margin: 0;
		padding: 0 0 0 0;
		height: 40px;
	}
	div#hormenu ul.menu li{
		height: 40px;
		background: url("../images/bg_hormenu_list_item.gif") no-repeat right 12px;
		list-style-type: none;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		float:left;
	}

	div#hormenu ul.menu  li.last {background: none;}	
	
	div#hormenu ul.menu li a{
		color: #FFFFFF;
		text-decoration: none;
		font-size: 8.25pt;
		text-transform:uppercase;
		font-weight: bold;
		height: 20px;
		float: left;
		padding: 15px 20px 5px 20px;
		margin: 0 0 0 0;
	}
	div#hormenu ul.menu li  a:hover{
		background: #2a3f1e;
		color:#FFFFFF;
	}



/***************** vertical menu ************************/

div#vermenu {
	padding: 25px 0 20px 0;	
}

div#vermenu a{color: #666666;}
div#vermenu a:hover{color: #ff0000;}

div#vermenu ul.menu {
		margin: 0;
		padding: 0;
	}

div#vermenu ul.menu li{
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 6px 0 6px 19px;
		background: url("../images/bg_vermenu_list_item.gif") no-repeat left 10px;
		border-bottom: 1px solid #E6E6E6; 
	}

div#vermenu ul.menu li.last{border-bottom: none; }
	
div#vermenu ul.menu li a{
		font-size: 8.25pt;	
		font-family: Arial, Verdana;
		text-decoration: none;
		text-transform:uppercase;
		font-weight: bold;
}

/***************** catalog menu ************************/

div.catalog_header{
	margin: 0 0 0 0;
	padding: 15px 0 10px 35px;
	background: url("../images/bg_catalog_enter.gif") no-repeat 15px 17px;
	color: #ffffff;
	font-size: 9.75pt;
	font-weight: bold;
}

div#catmenu {
	padding: 0 0 0 0;
}

div#catmenu a{color: #ffffff;}
div#catmenu a:hover{color: #ffffff;}

div#catmenu ul.menu {
		margin: 0;
		padding: 0;
	}

div#catmenu ul.menu li{
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 5px 0 5px 45px;
		background: url("../images/bg_catmenu_list_item.gif") no-repeat 35px 9px;
		border-bottom: 1px dotted #5c5c5c; 
	}

div#catmenu ul.menu li.last{border-bottom: none; }
div#catmenu ul.menu li.open{background: #ffb400 url("../images/bg_catmenu_list_item.gif") no-repeat 8px 9px;}
div#catmenu ul.menu li:hover{background: #297200 url("../images/bg_catmenu_list_item2.gif") no-repeat 35px 9px; cursor:pointer;}
	
div#catmenu ul.menu li a{
		font-size: 9pt;	
		font-family: Arial, Verdana;
		text-decoration: none;
		font-weight: normal;
}

div#catmenu ul.menu li.open a{font-weight: bold; 		font-size: 8.25pt;	}



div#catmenu ul.menu li ul.submenu{
		margin: 0;
		padding: 3px 0 3px 0;
		margin: 0 0 0 -20px;
	}

div#catmenu ul.menu li ul.submenu li{
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 3px 0 3px 20px;
		background: url("../images/bg_catmenu_list_subitem.gif") no-repeat 8px 9px;
	}

div#catmenu ul.menu li ul.submenu li a{
		text-transform: none;
		font-weight: normal;
}

/***************** unibox ************************/

div.unibox{
	margin: 0 0 0 0;
	padding: 10px 0;
	color: #ffffff;
	font-size: 8.25pt;
}

div.unibox div.headline{
  font-weight: bold;
  padding: 0 0 5px 0;
  color: #ffffff;
}	

div.unibox table{
	margin: 0;
	width: 100%;
	border: 0;
}

div.unibox table td{
	padding: 2px 0;
	font-size:8.25pt;
}	

div.unibox input.text{
  padding: 2px 5px;
  background:#2e2e2e;
  border: 1px solid #868686;
  font-size: 8.25pt;
  color: #ffffff;
}	


/***************** search ************************/

div.search input.submit{
  vertical-align: middle;
  margin: 0 0 0 5px;
}	
	
div.search input.text{
  width: 98px;
  height: 12px;
  padding: 2px 5px 3px 5px;
  vertical-align: middle;
}	

/***************** select ************************/

div.select{
  background:#363636;
  padding: 10px 20px;
	border-bottom: 1px dotted #5c5c5c; 
}	


div.select select{
  vertical-align: middle;
  margin: 0 0 0 5px;
  width: 115px;
  padding: 2px 2px 2px 5px;
  background:#2e2e2e;
  border: 1px solid #868686;  
  color: #FFFFFF;
  margin: 0 0 0 0;
  font-size: 8.25pt;
}	
	
div.select input.submit{
  vertical-align: middle;
  margin: 0 0 0 5px;
}	

/***************** new products ************************/

div.newproducts{
  padding: 15px 0;
}	

div.newproducts div.headline{
	font-size: 9.75pt;
}

div.newproducts h2{
	padding:0 0 0 0;
	margin:0 0 3px 0;
	color:#FFFFFF;
	font-size: 9pt;
}		

div.newproducts p{
	padding:5px 0 0 0;
	margin:0 0 5px 0;
}	
	
div.newproducts div.item{
  padding: 10px 0px;
  border-bottom: 1px dotted #5c5c5c;
}	

/***************** activities ************************/

div.activities{
padding: 15px 0px 15px 20px;
font-size: 9pt;

}	

div.activities ul{
padding: 0 0 0 0;
}

div.activities a{
color:#d0ffb6;
}

div.newproducts h2{
	padding:0 0 0 0;
	margin:0 0 3px 0;
	color:#FFFFFF;
	font-size: 9.75pt;
}		

div.newproducts p{
	padding:5px 0 0 0;
	margin:0 0 5px 0;
}	
	
div.newproducts div.item{
  padding: 10px 0px;
  border-bottom: 1px dotted #5c5c5c;
}	

/***************** login ************************/

div.login input.submit{
  margin: 2px 0 0 0;
}	

div.login input.text{
  width: 98px;
  height: 12px;
  vertical-align: middle;
}	

div.login table td.input{
  width: 120px;
}	

/***************** news ************************/

div.news div.item{
  padding: 0 0 15px 0;
}	

div.news div.item div.more{
  padding: 7px 0 0 0;
}

div.news div.item div.archive{
  padding: 0 0 0 0;
}	
	
div.news {
  padding-bottom: 0;
}

/***************** quickcontact ************************/

div.quickcontact div.item{
  padding: 0 0 15px 0;
}	

div.quickcontact table{
	margin: 0 0 7px 0;
}

div.quickcontact table td{
	padding: 3px 0;
}	

div.quickcontact table td.head{
  width: 50px;
  color:#999999;
}	

/***************** homepage ************************/

div#homebox{
	padding: 20px 1px 0 15px;
	margin: 0 0 -35px 0;
	font-size: 0pt;
	line-height: 0pt;
	height: 218px;
	font-size: 0pt;
	line-height: 0pt;
	background: #FFFFFF url("../images/bg_homebox.jpg") no-repeat 1px 1px;
}

div#homebox img{
	margin: 0 10px 0 0;
}

div#homebox img.last{
	margin: 0 0 0 0;
}







table#homebox{
	margin: 20px 0 10px 0;
	font-size: 8.25pt;
}

table#homebox td.left{
	padding: 0 8px 10px 0;
  width: 200px;
	background: #FFFFFF;
}

table#homebox td.center{
	width: 33%;
	padding: 20px 10px 10px 30px;
	width: 200px;
	background: #FFFFFF url("../images/bg_table_homebox_center.gif") repeat-x;
}

table#homebox td.center h2{
	color: #000000;
	padding: 0 0 0 0;
	margin: 0 0 12px 0;
}

table#homebox td.center ul.menu{
	margin: 0;
	padding: 0;
}

table#homebox td.center ul.menu li{
	background: url("../images/bg_list_item.gif") no-repeat left 3px;
	padding: 1px 0 2px 20px;
}

table#homebox td.center ul.menu li a{
	color: #525252;
	text-decoration: none;
	font-size: 9.75pt;
	font-weight: bold;
}

table#homebox td.right{
	padding: 20px 10px 10px 25px;
  width: 175px;
	background: none;
}

table#homebox td.right h2{
	color: #ff0000;
	padding: 0 0 0 0;
	margin: 0 0 12px 0;
}

table#homebox td.right img{
	margin: 0 0 5px 0;
}



table.cat td{
text-align: center;
width:20%;}

table.home td{
font-size: 9.75pt;
line-height: 13.5pt;
}

table.home td p.more{
margin:0 0 0 0;
padding: 0 0 0 0;
}

div#content p.more{
margin:0 0 10px 0;
padding: 0 0 0 0;
}