/*	---------------------------------------------------------------------------------------
	Netex
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:			all styles
	File:			  	style.css
	Version:			0.1
	Date:			  	8. 10. 2008
	Author:				Jan Alexandr Janíček
	---------------------------------------------------------------------------------------	*/

/*	---------------------------------------------------------------------------------------
	Hlavní 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

*{margin:0;padding:0;}
body{font-size: 12px; font-family:"trebuchet MS",sans-serif; background:#fcf4d0 url('images/pozadi.jpg'); background-repeat:repeat-x; background-position: top center; text-align:center; }
#all{width:960px;  background-color: white; margin:auto;  text-align:center; border:1px solid #bebebe; }

h1 span {display:none;}
h1.header {width: 960px; height:82px; background:#787878 url('images/logo.jpg') top center; }
.menu {text-align:left; width: 960px; height:37px; background:#787878 url('images/menu_bg.jpg') top center; }
.menu .aktivni{ margin-left: 10px; float:left; background:#ffffff url('images/menur.jpg'); background-position:right; background-repeat:no-repeat; padding-right: 10px; }
.menu .aktivni a { color: #0166b8; margin-top: 3px; float:right; padding: 5px; font-weight:bold; font-size: 13px;  }
.menu .akt-left{ background:#ffffff url('images/menul.jpg'); background-repeat:no-repeat; background-position: left; padding-right: 3px; height: 37px; width:6px; float:left; }
.clear {clear:both;}
.menu .menu-odkazy{float:left; width: 500px;}
.menu a.odkaz-menu{ color:white; margin-top: 8px; float:left; margin-left: 35px; font-weight: bold; font-size: 13px; text-decoration: none;}
.menu a:hover.odkaz-menu{ color: #f6df5f;}
.menu .menu-odkazy2{float:right; width: 100px;}
.menu .menu-odkazy2 img{border: 0px;}

.menu2 {background-color: white; padding-left: 9px;padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }
.menu2 img{float:right ; }
.menu2 a.m p{background: white url('images/rucni_naradi.jpg'); width:147px; height:234px; float:left; }
.menu2 a:hover.m p{background: white url('images/rucni_naradi_hover.jpg'); width:147px; height:234px; float:left; }
.menu2 a.m2 p{background: white url('images/elektricke_naradi.jpg'); width:147px; height:234px; float:left; }
.menu2 a:hover.m2 p{background: white url('images/elektricke_naradi_hover.jpg'); width:147px; height:234px; float:left; }
.menu2 a.m3 p{background: white url('images/kartacnicke_vyrobky.jpg'); width:147px; height:234px; float:left; }
.menu2 a:hover.m3 p{background: white url('images/kartacnicke_vyrobky_hover.jpg'); width:147px; height:234px; float:left; }
.menu2 a.m4 p{background: white url('images/prislusenstvi_brusivo.jpg'); width:147px; height:234px; float:left; }
.menu2 a:hover.m4 p{background: white url('images/prislusenstvi_brusivo_hover.jpg'); width:147px; height:234px; float:left; }
span.invis{display:none; }
hr.invis{display:none; }

.left{float:left ;width:243px; text-align:left; padding-left: 8px; }
.left a{text-decoration:none;}
span.text{text-decoration:none; font-weight: bold; font-size: 14px; color: black; padding-left: 14px; float:left; margin-top:34px; }
.left a.pol1 p{margin-bottom: 2px; background: white url('images/1.jpg'); width:241px; height:84px;  }
.left a:hover.pol1 p{background: white url('images/1_hover.jpg'); width:241px; height:84px; }
.left a.pol2 p{margin-bottom: 2px; background: white url('images/2.jpg'); width:241px; height:84px;  }
.left a:hover.pol2 p{background: white url('images/2_hover.jpg'); width:241px; height:84px; }
.left a.pol3 p{margin-bottom: 2px; background: white url('images/3.jpg'); width:241px; height:84px; }
.left a:hover.pol3 p{background: white url('images/3_hover.jpg'); width:241px; height:84px;  }
.left a.pol4 p{margin-bottom: 2px; background: white url('images/4.jpg'); width:241px; height:84px;  }
.left a:hover.pol4 p{background: white url('images/4_hover.jpg'); width:241px; height:84px;  }
.left a.pol5 p{margin-bottom: 2px; background: white url('images/5.jpg'); width:241px; height:84px;  }
.left a:hover.pol5 p{background: white url('images/5_hover.jpg'); width:241px; height:84px; }
.left a.pol6 p{margin-bottom: 2px; background: white url('images/6.jpg'); width:241px; height:84px;  }
.left a:hover.pol6 p{background: white url('images/6_hover.jpg'); width:241px; height:84px;  }
.left a.pol7 p{margin-bottom: 2px; background: white url('images/7.jpg'); width:241px; height:84px;  }
.left a:hover.pol7 p{background: white url('images/7_hover.jpg'); width:241px; height:84px; }
.left a.pol8 p{margin-bottom: 2px; background: white url('images/8.jpg'); width:241px; height:84px;  }
.left a:hover.pol8 p{background: white url('images/8_hover.jpg'); width:241px; height:84px; }

.left .kontakt{background: white url('images/kontakt.jpg'); width:241px; height:167px; }
.left .kontakt p{ padding-left: 80px; padding-top: 20px; margin-right: 7px;  }
.left .kontakt a{ color:#317fbf; font-weight:bold; }
.left .kontakt h2{ font-size: 14px; padding-top: 18px; padding-left: 10px; margin-right: 7px; }


.right{float:right; width:698px; text-align:left; padding: 5px; }
.right h2 {font-size: 28px; color: #0066cc; }
.right .content {font-size: 18px; margin-top: 10px; line-height:160%; }
.right .content-center {margin-left: 65px; border: 0px solid blue;  }
.right hr {height: 2px; color: #0066cc; }
.phonebox {width: 500px; height: 133px; border: 0px red solid; margin-left: 65px; background: white url('images/phone.jpg'); background-repeat:no-repeat; background-position: right; }
.form {width: 556px; height:328px; background-color: grey; font-size: 18px; background:#ffffff url('images/form-bg.jpg'); background-repeat:repeat-x; }
.info-line {color: #33cc33; font-size: 20px; font-weight: bold; }
.info-number {color: #33cc33; font-size: 28px; font-weight: bold; margin-left: 20px; margin-top: 50px; }
.right .drob-nav{ color:#478cc6; font-size: 14px; padding-bottom: 10px;  padding-left: 20px; margin-top: 8px; }
.right .drob-nav a{ color:#478cc6; font-weight:bold }
.right .drob-nav a:hover{ text-decoration:none; }

.h2small {margin-left: 20px; font-size: 22px; }
.left {text-align: right; }

img{ border:0px; }

.right table{width: 100%  }
.right td p{padding-left:12px; }
.right td.seda{background-color:#f2f2f2; font-size: 13px; font-weight:bold; padding: 8px; }
.right td.bila{background-color:#ffffff; font-size: 13px; font-weight:bold; padding: 8px; }
.footer{background-color: #ababad; color:white; width: 960px; height: 30px; padding-top: 10px; padding-bottom: 10px; border: 0px red solid; position: relative;}
.patka{text-align: left;position: absolute;
   left: 0;
   }
.patka a{color:white; }
.right2{  position: absolute;right: 0; text-align: right; /* depends on element width */}
.right2 a{ color: white; text-decoration: none;}

.form_box {
	width: 494px;
	height: 328px;
	background:#ffffff url('images/form-bg.jpg'); 
  background-repeat:repeat-x; 
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	font:0.8em Arial, Helvetica, Sans-serif;
	padding: 0.5em;
	margin-top: 10px;
	margin-bottom: 2px;
	clear: both;
}
 
.form_box div {
	padding: 0.5em 0.5em;
}
 
.form_box p {
	float: left;
	margin: 4px 0pt;
	width: 120px;
	border: 0px solid black;
}

.finput {border: 1px #d2d2d2 solid; font-size:18px; }

.button {float: left; }

.64 {width: 64px; height: 10px; border: 1px solid brawn; }