body {
	margin: 0 0 0 0;
	padding: 0;
	background: #cccccc url(./images/header_2.png) repeat-x;
	font: normal small Arial, Helvetica, sans-serif;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #000;
}

ul, ol, blockquote {
	margin-top: 0;
	line-height: 160%;
}

p {
  padding: 0;
  margin: 0;
}

a {
	text-decoration: none;
	color: #666633;
}

a:hover {
	text-decoration: underline;
}

/* Header */

#header {
	width: 1024px;
	height: 101px;
	margin: 15px auto;
	background: url(./images/header_pic.png) no-repeat; 
}

#header * {
	text-decoration: none;
	text-align: center;
	color: #000000;
}

#header h1 {
	padding-top: 55px;
	font-size: 3em;
}

#header h2 {
	font-size: 1.2em;
}

/* Menu */

#menu {
	width: 1024px;
	height: 55px;
	margin: auto;
	font-weight: bold;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
 margin: 0 0 0px 0;
 padding: auto;
 display: inline;
}

#menu li a {
  padding-left: 25px;
}

#menu a {
	display: block;
	float: left;
	width: 142px;
	height: 21px; 
	padding: 3px 35px 0 1px;
	background: url(./images/ina_menu.png) no-repeat center center;
  text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: small;
	font-weight: bold;
	color: #CCCCCC;
}

#menu a:hover, #menu .active a {
	background-image: url(./images/a_menu.png);
	color: #006600;
	font-weight: strong;
}

#menu .active li a {
  background-image: none;
} 

/* Content */

#content {
	width: 1024px;
	margin: 0 auto;
}

#colOne {
	float: left;
	width: 220px;
	height: 570px;
	background: url(./images/left_menu.png) no-repeat;
}

#colOne h2 {
  text-align: center;
  font-weight: strong;
  font-size: 1.5em !important;
}

#colTwo {
	float: left;
	width: 575px;
	height: 550px;
	padding: 0 9px;
}

#cont_colTwo {
  margin: -540px 0 0 2px;
  padding: 0px;
  height: 540px;
  width: 571px;
	background: url(./images/content.png) repeat-x;
}

#cont_colTwo h2{
  text-align: center;
  font-size: 30px !important;
  color: #000;
}

#cont_colTwo #text{
  padding: 50px 0 0 20px;
  float: middle;
  height: 440px;
  width: 530px;
}

#cont_colTwo #t2{
  height: 95%;
  padding: 0;
  margin: 0;
}

#cont_colTwo #posun{
  height: 5%;
  text-align: center;
  padding: 0;
  margin: 0;
}

#cont_colTwo #podpis{
  float: right;
  margin-top: 20px;
  width: 120px;
}

#right_col {
  margin: -540px 0 0 573px;
  height: 540px;
  width: 2px;
	background: url(./images/line_content_right.png) no-repeat;
}

#left_col {
  margin: -3px 0 0 0;
  height: 540px;
  width: 2px;
	background: url(./images/line_content_left.png) no-repeat;
}

#head_col {
	background: url(./images/content_header.png) no-repeat;
}

#foot_col {
	background: url(./images/content_footer.png) no-repeat;
}

#colThree {
	float: left;
	width: 210px;
}

#News {
	float: left;
	width: 210px;
	height: 230px;
	background: url(./images/right_menu.png) no-repeat;	
}

#Advs {
	float: left;
	width: 210px;
	height: 230px;
	background: url(./images/right_menu.png) no-repeat;	
}

/* Content Elements */

#content h2 {
	height: 21px;
	margin-bottom: 20px;
	padding: 9px 0 0 10px;
	background: url(./images/img6.gif);
	letter-spacing: normal;
	font-size: .9em;
}

#content h3 {
	text-transform: uppercase;
	letter-spacing: normal;
	font-size: x-small;
	color: #FFFFFF;
}

#content ul {
	margin-left: 0;
	padding-left: 0;
	list-style: square inside;
}

/* Footer */

#footer {
	height: 47px;
	padding: 7px 0 0 0;
	background: #000000 url(./images/footer.png) repeat-x;
}

#footer * {
	color: #000000;
}

#footer p {
	text-align: center;
	font-size: smaller;
}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	color: black;
}

#nav a {
	display: block;
}

#nav li { /* all list items */
	float: left;
/*	width: 10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 195px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  margin: 24px 0 0 -196px; 
	padding: 0px 0 0 0;
	display: inline;
}

#in_menu a{
  width: 126px;
  border-style:solid;
  border-width:2px;
  border-color: #009900;
	background: #888 none;
	color: #006600;
}

#in_menu a:hover {
  width: 126px;
	background: #006600 none;
	color: #999999;
}

#in_menu li a{
  width: 126px;
  border-style:solid;
  border-width:2px;
  border-color: #CCC;
	background: #090 none;
	color: #CCC;
}

#in_menu li a:hover {
  width: 126px;
	background: #060 none;
	color: #CCC;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: 0;
	padding: 0;
	background-image: none;
	display: inline;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

a[href$=".pdf"] {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/ico/pdf_ico.png) no-repeat scroll right center;
padding:0 20px 0 0;

}

#colTwoProd {
	float: left;
	width: 780px;
	height: 550px;
	padding: 0 9px;
}

#prod_colTwo {
  margin: -540px 0 0 2px;
  padding: 0 0 0 40px;
  height: 540px;
  width: 738px;
	background: url(./images/content.png) repeat-x;
}

#prod_colTwo #text{
  padding: 50px 0 0 0px;
  float: middle;
  width: 700px;
}

#prod_colTwo #images{
  padding: 50px 0 0 20px;
  float: middle;
  width: 700px;
}

#prod_colTwo #images .prod_obr{
  float: left;
  padding: 10px 0 0 10px;
  width: 200px;
}

#prod_colTwo #images .prod_obr .text{
  text-align: center;
}

#prod_colTwo #prods{
  float: left;
  width: 150px;
  height: 150px; 
  margin: 0 0 0 25px;
}

#prod_colTwo #titulus{
  text-align: center;
  width: 100px;
  margin: 0 0 0 10px;
}

#prod_colTwo #T1{
  text-align: center;
  height: 220px;
  padding: 0 0 0 40px;
}

#prod_colTwo #produkty h1{
  text-align: center;
  margin: 0 0 30px 0; 
}

#prod_colTwo #produkty #T1{
  text-align: center;
  height: 220px;
  padding: 30px 0 0 40px;
}

#prod_colTwo #produkty #text{
  text-align: center;
  height: 460px;
  padding: 0;
}

#prod_colTwo #t2{
  text-align: center;
}

#right_col_prod {
  margin: -540px 0 0 778px;
  height: 540px;
  width: 2px;
	background: url(./images/line_content_right.png) no-repeat;
}

#left_col_prod {
  margin: -3px 0 0 0;
  height: 540px;
  width: 2px;
	background: url(./images/line_content_left.png) no-repeat;
}

#head_col_prod {
	background: url(./images/product_header.png) no-repeat;
}

#foot_col_prod {
	background: url(./images/product_footer.png) no-repeat;
}

.nadpis {
  text-align: center;
  font-weight: bold;
  font-size: 3em;
  margin-bottom: 10px;
}

.popis {
  margin: auto;
  padding: 10px 10px 0 0;
}

.popis .podr_popis {
  margin: auto;
  padding: auto;
}

.topanka {
  height: 490px;
}

.topanka .obrazok{
  float: left;
  width: 100%;
  padding: 0;
  margin-right: -20px;
}

.topanka .obrazok .obrazok_o {
  padding: auto;
  margin: auto;
}

.topanka .podosva{
  float: left;
  padding: 0 0 10px 0;
  margin: auto;
  width: 800px;
}

.topanka .znacky {
  float: left;
  padding: auto;
  margin-left: 7px;
}


#vel_tab {
  text-align: center;
}