@charset "utf-8";
/* CSS Octopus Tools */

* { margin: 0; padding: 0;}

/* layout elements */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	background: #B5B6B8 url(../img/bg_body.gif) repeat-x 0 0;
}
#bg_page {
	height: 710px;
	margin: auto auto auto 0px;
}
#frameholder {
	width: 1100px;
	margin: auto auto auto 0px; /*border: solid 1px blue;*/
}
#top {
	height: 147px;
	background: url(../img/bg_header.gif) no-repeat 0px 0px;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#content_holder {
	width: 1100px;
	margin: auto;
	padding: 0px;
	float: left;
}
#left {
	width: 175px;
	margin: 0 0 10px;
	float: left;
	padding-top: 30px;
}
#right {
	float: left;
	margin: 0px;
	padding: 28px 0px 0px;
	background: url(../img/bg_right.jpg) no-repeat right top;
	width: 825px;
}


/* logo */
h2#logo a {
	width: 220px;
	height: 120px;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0px
}
h2#logo span { display: none}

/* adresa */
#shop {
	color:#FFFFFF;
	text-align: left;
	position:absolute;
	left:695px;
	top: 5px;
	width: 185px;
	height: 83px;
}

#shop table{
	font-size: 9.33pt;
	color:#FFFFFF;
}


#shop table a{
  height: 25px;
  &height: 20px;
}

#shop table img{
  padding: 2px;
}

#shop a{font-size:7.88pt;color:#FFFF99;text-decoration: none; display:block;}
#shop a:hover { color:#FFFF99;text-decoration: underline}

/* vyhledavani */
#log_user {
  text-align:left;
	height: 35px;
	position: absolute;
	left: 480px;
	top:12px
}

#prihlaseny {
color:#FFFF99;
}

#prihlaseny a{
color:#FFFF99;
text-decoration:none;
}
#prihlaseny a:hover{
text-decoration:underline;
}
#search input.vyhledat {
	color: #666666;
	border: solid 1px #c7c7c7;
	width: 140px;
	height: 15px;
	padding: 0px;
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0px;
	background: #e3e3e3;
	font-size: 7.22pt;
}
#search input.ok {
	position: absolute;
	top: 10px;
	left: 162px
}
#nav_holder {
	height: 50px;
	position: absolute;
	top: 97px;
	left:0;
	background: url(../img/bg_menu.gif) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px 0px 0px 200px;

}

/* horizontalni navigace */
#hor_nav {
	height: 41px;
	width: 696px;
}
#hor_nav ul {list-style: none;}
#hor_nav ul li {
	float: left;
	display: block;
	background: url(../img/bg_list_item.gif) no-repeat right 15px;
	padding-left: 15px;
}
#hor_nav .item01 {
	width: 70px;
}
#hor_nav .item02 {
	width: 95px;
}
#hor_nav .item03 {
	width: 80px;
}
#hor_nav .item04 {
	width: 60px;
}
#hor_nav .item05 {
	width: 90px;
}
#hor_nav .item06 {
	width: 60px;
}
#hor_nav .item07 {
	width: 100px;
}

#hor_nav ul li a {
	float: left;
	display: block;
	height: 35px;
	display: block;
	padding-top: 15px;
	font-variant: small-caps;
	color: #FFFFFF;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}


/* vertikalni navigace */
#ver_nav {
	background: url(../img/bg_ver_menu.gif) no-repeat left top;
	position: relative;
	z-index: 5;
	margin: 0px;
	padding: 0px;
	height: 380px;
}
#ver_nav ul {
	list-style: none;
	margin: 0px;
}
#ver_nav ul li {
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	background: url(../img/common/vernav_line.gif) 0 70% repeat-x;
	float: left;
}
#ver_nav ul li.item01  {
	width: 164px;
	height: 62px;
	display: block;
	background: url(../img/bg_btn_pomoc.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}
#ver_nav ul li.item02  {
	width: 164px;
	height: 59px;
	display: block;
	background: url(../img/bg_btn_video.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}
#ver_nav ul li.item03  {
	width: 164px;
	height: 59px;
	display: block;
	background: url(../img/bg_btn_news.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}
#ver_nav ul li.item04  {
	width: 164px;
	height: 59px;
	display: block;
	background: url(../img/bg_btn_tech.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}
#ver_nav ul li.item05  {
	width: 164px;
	height: 59px;
	display: block;
	background: url(../img/bg_btn_contact.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}
#ver_nav ul li.item06  {
	width: 164px;
	height: 64px;
	display: block;
	background: url(../img/bg_btn_download.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}
#ver_nav ul li a {
	color: #4d5461;
	text-decoration: none;
	font-weight: bold;
	padding: 26px 0px 0px 80px;
	margin: 0;
	float: left;
	font-size: 8.55pt;
	line-height: 8.55pt;
}
#ver_nav ul li a:hover { text-decoration: underline}

/* banner */
#banner {width: 696px; height: 200px; background: #000000 url(../img/bg_banner.jpg) no-repeat; float: right}

/* news */
#news {
	padding: 25px 0px 10px;
	margin: 0;
}
#quick_contact {
	font-size: 8pt;
	padding: 70px 0 40px 10px;
	margin: 0;
	background: url(../img/bg_contact.gif) no-repeat;
	color: #4d5461;
}


/* content */
#content {
	padding-left: 15px;
}
#content ul {
	list-style: none;
	margin: 0px;
}
#content ul li {
	padding: 0px 10px 21px 0px;
	margin: 0px;
	float: left;
	height: 173px;
	width: 158px;
}
#content ul li a {
	padding: 135px 0px 0px 55px;
	font-size: 9pt;
	margin: 0px;
	font-weight: bold;
	color: #f2f2f2;
	text-decoration: none;
	float: left;
	font-style: italic;
}
#content #content_item10 a {
	padding-top: 126px;
}

#content #content_item1 {

	background: url(../img/item_vrtani.jpg) no-repeat;
}
#content #content_item2 {

	background: url(../img/item_frezovani.jpg) no-repeat;
}
#content #content_item3{

	background: url(../img/item_soustruzeni.jpg) no-repeat;
}
#content #content_item4{
	
	background: url(../img/item_desticky.jpg) no-repeat;
}
#content #content_item5{
	
	background: url(../img/item_otocnestoly.jpg) no-repeat;
}
#content #content_item6{
	float: left;


	background: url(../img/item_nahradnidily.jpg) no-repeat;
}
#content #content_item7{
	
	background: url(../img/item_vyvrtavani.jpg) no-repeat;
}
#content #content_item8{
	
	background: url(../img/item_trny.jpg) no-repeat;
}
#content #content_item9{
	
	background: url(../img/item_odjehlovani.jpg) no-repeat;
}
#content #content_item10 {
	
	background: url(../img/item_hrany.jpg) no-repeat;
}
#content #content_item11 {
	
	background: url(../img/item_zavitniky.jpg) no-repeat;
}
#content #content_item12 {
	
	background: url(../img/item_radlovani.jpg) no-repeat;
}


/* login */

#login p {color: #FFFFFF; font-weight: bold; font-size: 0.75em; margin: 0; padding: 0}
/*input#user {width: 140px;}
input#password {width: 140px;}*/
#login input.login { margin: 10px 0 0 35px;}


/* footer */
#footer {
	width: 100%;
	height: 100px;
	float: left;
	background: url(../img/bg_footer.gif) repeat-x;
	text-align: left;
	clear: both;
	padding: 3px 0px 0px;
	margin: 0px;
}
#footer #footer_menu {
	width: 870px;
	height: 30px;
	padding: 0px;
	text-align: right;
	margin: 0px;
}

#footer #footer_menu a{

	color: #4d5461;
	font-size: 8.22pt;
	font-weight: bold;
	text-decoration: none;
}

#footer #footer_menu a:hover{
	color: #4d5461;
	font-size: 8.22pt;
	font-weight: bold;
	text-decoration: underline;
}

#footer #footer_menu img {
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 12px;
	padding: 0px;
}

#footer #footer_copy {
	width: 870px;
	height: 30px;
	padding-top: 10px;
	text-align: right;
	font-size: 8.55pt;
	color: #FFFFFF;
	letter-spacing: 0.8pt;
}
#footer #footer_copy span {
	color: #4D5461;
}

#footer #footer_copy a {
	color: #FFFFFF;
	text-decoration: none;
}