﻿/* BASIC */

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	margin-left: 140px;

}

/* FORMS */

form {
	margin: 0px;
	padding: 0px;
}

/* HEADINGS */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

h2 {
	font-size: 18px;
	font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-weight: normal;
	color: rgb(0,0,0);
}

#motto {
	color: rgb(113,113,113);
	font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 12px;
	margin-top: 3px;
	margin-bottom: 15px;
}

/* list*/

ul,li {

	list-style-type: none;
}
/* Text */

body, th, td, input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}

.text1 {
	text-align: center;
	color: #66A3AD;
}

.text2 {
	text-transform: lowercase;
	font: normal 24px Georgia, "Times New Roman", Times, serif;
	color: #D02F00;
}

.text3 {
	font-size: 11px;
	font-weight: bold;
}

.text4 {
	text-transform: lowercase;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	color: #D02F00;
}

/* list */

.list1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style-position: inside;
}

/* LINKS */

a {
	color: #9a0000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.link1 {
	text-transform: lowercase;
	text-decoration: none;
	font: normal 13px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
}

/* STYLES */

.style1 {
}

.style1 a {
}

.style1 a:hover {
}

/* BACKGROUNDS */

.bg1 { background: #7d0a11 url(back.jpg) repeat-x left top; }
.bg2 { background: url(mezer.jpg) repeat-y left top; }
.bg3 { background: url(homepage07.jpg) no-repeat left top; }
.bg4 { background: url(homepage08.jpg) no-repeat left top; }
.bg5 {
	background: url(spodek.jpg) no-repeat left bottom;
	width: 830px;

}
.bg6 {
	background: url(obsah1.jpg) no-repeat left top;
	width: 830px;
}
.bg7 { background: url(.jpg) no-repeat left top; }

/* MISC */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

.img1 {
	float: left;
	margin: 3px 15px 0px 0px;
}

.img2 {
	float: right;
	margin: 3px 0px 0px 15px;
}



.hr1 {
	height: 1px;
}

html, body {
	height: 100%;
}

.text2, .text4 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(homepage09.jpg) repeat-x left bottom;
}

/* WRAPPER */

#wrapper {
	width: 970px;
	margin: 0px auto;

}

#extra1, #extra2 {
	float: left;
	width: 50px;
	height: 302px;
}

#extra1 { background: url(homepage03.jpg) no-repeat left top; }
#extra2 { background: url(homepage04.jpg) no-repeat left top; }
#extra4 { background: url(pravybok.jpg) no-repeat left top; }



#menu {
	height: 61px;
	background: url(menu.jpg) no-repeat left top;
	text-align: ;
	width: 790px;
	clear: ;
	padding: 0px 0px 0 41px;

}
.menudetaill {
	 padding: 0 0 0 -55px; margin: 0 0 0 -7px;  width: 800px;: width:px; text-align:; clear: bouth; height: 61px;
position: absolute; top: 80px; height: left: 130px;


}
.menupoz {
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	width: 800px;
	text-align: center;
	clear: both;
	height: 61px;
}


#menu01 {
	height: 61px;
	background: url(menu1.jpg) no-repeat left top;
	text-align: center;
	width: 830px;

}
#menu02{
	height: 61px;
	background: url(menu2.jpg) no-repeat left top;
	text-align: center;
	width: 830px;
}
#menu03 {
	height: 61px;
	background: url(menu3.jpg) no-repeat left top;
	text-align: center;
	width: 830px;
}
#menu04 {
	height: 61px;
	background: url(menu4.jpg) no-repeat left top;
	text-align: center;
	width: 830px;
}
.shape {
	margin-bottom: -4px;
}
.menshape {
	float: left;
margin-left: 0px;

}
.shape2 {
	float: left;
	margin-left: 0px;

}
.shape5 {
	float: left;
	margin-left: 0px;

	width: 80px;
	margin-top: 1px;
}
.shape3 {
	float: none;
}
.shape4 {
	float: left;
	margin-left: 0px;
	width: 100px;
	position: relative;
}

#logomenu {
	height: 79px;
	background: url(logo.jpg) no-repeat left top;
	text-align: center;

}
.shapelogo {
   float: left; width: 340px;
	margin-bottom: -4px;

}

.shapehledat {
 float: left; width: 158px; margin-top: 40px;

}

.shapeodkazy {
	float: left;
	width: 130px;
	=width: 145px;
	margin-top: 16px;
	text-align:left ;

	padding: 0 0 0 30px;
	=padding: 0 0 0 10px;
	margin-left: px;
}
.shapeodkazy a {
	color: #FFFFFF;
	list-style-type: none;
}
.shapeodkazy ul {

	list-style-type: none;
}
.shapeodkazy li {
	display: list-item;
	text-align: left;
}

.shapekosik {
  float: left; width: 120px; margin-top: 21px;
	text-align: left;
	padding-left: 40px;
	color: rgb(248,180,9);
}

.shapekosik a {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
#sub {
		width: 970px;

		background: #E61000;
		position: relative;
		left: 0px;

		font-size: 11px;
		font-weight: bold;
		padding: 0 10px 0 11px;
		margin-top: 0px;
		height: 41px;
	background: url(submenu.jpg) no-repeat left top;
	text-align: center;
	}
	#sub li {
		float: left;
		list-style: none;
		padding: 3px 3px 5px 0;
		margin: 0px 0 0 0;
		border-right: 1px solid #e4897f;
	}
	#sub li a{
		color: #9a0000;
		padding: 3px 9px 5px 14px;
	}
	#sub li a:hover {
		text-decoration:underline;
	}

#submenu {
	height: 41px;
	background: url(submenu.jpg) no-repeat left top;
	text-align: center;
	padding-left: 34px;
	padding-top: px;
	padding-bottom: 0px;
}
#submenu ul, {
	list-style-type: none;
	float: left;

}
#submenu li {
	list-style-type: none;
	float: left;
	width: 100px;
}
#subnavigd {
	height: 129px;
	background: url(subnavigace.jpg) no-repeat left top;
	text-align: center;
}

#extra4 {
	float: left;
	width: 67px;
	height: 303px;
}
#subnavig {
	height: 130px;
	background: url(subnaviguvod.jpg) no-repeat left top;
	text-align: left;
}

#subnavig p {
	margin-left: 75px;
	padding-top: 26px;
	width: 500px;
	line-height: 22px;
	font-size: 14px;
	color: rgb(250,175,0);
}

/* HEADER */

#header {
	float: left;
	width: 196px;

}
#header2 {
	float: left;
	width: 196px;
	background: url(pravy.jpg) no-repeat left top;
	height: 303px;
	float: left;
	margin-right: 5px;

}

/* LOGO */

#logo {
	height: 85px;
	background: url(logo.jpg) no-repeat left top;
}

#logo h1 {
	display: none;
}

/* MENU */

#menu2 {
	width: 196px;

}
#menu2 {
	width: 196px;
	background: url(pravy.jpg) no-repeat left top;
	height: 303px;
	float: left;
	margin-right: 0px;
}
#menu2 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu2 li {
	display: inline;
}

#menu2 a {
	display: block;
	float: left;
	width: 175px;
	height: 21px;
	padding: 10px 0px 0px 21px;
	background: url(homepage08.jpg) no-repeat left top;
}

#menu .first a {
	background: url(homepage07.jpg) no-repeat left top;
}

#menu1 {}
#menu2 {}
#menu3 {}
#menu4 {}
#menu5 {}
#menu6 {}
#menu7 {}


/* CONTENT */

#content {
	float: left;
	width: 830px;
	height: px;
	min-height: 680px;
	padding: 0px 75px 0px 41px;
}

html>body #content {
	height: auto;
}

/* FOOTER */

#footer {
	width: 830px;
	height: 50px;
	margin: 0px auto;
	padding-top: 20px;
	color: rgb(222,123,126);
	font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 30px;
}
#footer a {
  color: rgb(222,123,126);
  text-decoration: underline;
}
/* BOX1 */

#box1 {
	padding: 20px 0px 0px 0px;
}

#box1 h3, #box1 p {
	margin-left: 93px;
}

/* BOX2 */

#box2 {
	padding: 20px 0px 0px 0px;
}

/* BOX3 */

#box3 {
	padding: 20px 0px 0px 0px;
}

#box3 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#box3 li {
	display: inline;
}

#box3 li a {
	float: left;
	padding-left: 14px;
}

#box3 li.first a {
	padding: 0px;
}

/* BOX4 */

#box4 {
	padding: 0px 0px 0px 30px;
	width: 500px;
	height: auto;
	position: relative;
	float: left;
	margin: 23px 17px;
 	font-family: 'Arial', 'Helvetica CE', Arial Narrow, helvetica, sans-serif;
  font-size: 12px;
	color: #000000;
}

#box5 {
	padding: 28px 0px 0px 0px;
	width: 140px;
	height: 700px;
	float: left;
	background: url(nadpis1.jpg) no-repeat left top;
	margin-top: 35px;

}
#box7 {
	padding: 8px 0px 0px 0px;
	width: 138px;
	height: auto;
	position: relative;
	float: left;
	margin-top: 35px;
	margin-left:px;
}

#box7 ul {
	padding: 0; margin: 0;
}

#box7 ul li {
  clear: both; line-height: 25px;
  margin-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 1px;
	border-bottom: 1px solid rgb(231,232,224);
}



#box8 {
	padding: 28px 0px 0px 0px;
	width: 138px;
	height: 440px;
	position: relative;
	float: left;
	margin-top: 45px;
	margin-left:px;
}
#box8 ul {
	padding: 0;
	margin: 0;
	width: 100%;
}
#box8 ul li {

	padding-top: 3px;
	padding-bottom: 3px;
}
#prodejci {
	float: left;
	margin-right: 0px;
	position: relative;
	top: px;
	left: px;
	width: 130px;
	height: auto;
	margin-top: 24px;
	background: url(prodejci.jpg) no-repeat left top;
}
.podsebou {
	float: left;
	margin-right: 0px;
	position: relative;

	width: 132px;
	height: auto;
	margin-top: -25px;

}
.podsebou ul {
	float: left;
	margin-left: -30px;
	_margin-left: -3px;
}
.podsebou li {
	display: block;
	margin-top:4px;
	padding-bottom: 5px;
	border-bottom: 1px rgb(231,232,224) solid;
}
#bannery {
	clear: both;
	margin-top: 5px;
}
#bannery2 {
	margin-right: 0px;
	margin-top: 30px;
	position: relative;
	height: 70px;
	clear: both;
   width: 100%;
	margin-left: -5px;
	_margin-left: -3px;
}
#bannery1 {
	margin-right: 0px;
	margin-top:320px;
	position: relative;
	left: 60px;
	width: 100%; height: 70px;
	clear: both;
}
#baleni {
	float: left;
	margin-right: 0px;
	position: relative;
	width: 130px;
	height: auto;
 margin-top: 34px;
	background: url(nadpis3.jpg) no-repeat left top;
	margin-left: 7px;
}
.baleni1 {
	float: left;
	margin-right: 0px;
	width: 130px;
	height: auto;
}
.baleni2 {
	float: left;
	margin-right: 0px;
   position:relative;
	width: 130px;
	height: auto;
	margin-top: 29px;

}
#detail {
	float: left;
	margin-right: 23px;
	position: relative;
	width: 350px;
	height: auto;
	margin-top: 10px;
	margin-left: 25px;
}

#detail2 {
	float: left;
	margin-right: 23px;
	position: relative;
	height: auto;
	margin-top: 18px;
	margin-left: 25px;
	color: black;
	font-family: arial;
	font-size: 13px;
}
.model {
	float: left;
	margin-right: px;
	position: relative;
	width: 350px;
	height: auto;
	margin-top: 9px;
}
.zvetsit {
	margin-top: 20px;
	padding-right: 22px;
	text-align: right;
	margin-bottom: 15px;
	margin-left: px;
	float: left;
}

.znaceni {
	margin-top: 20px;
	padding-right: 22px;
	text-align: left;
	margin-bottom: 15px;
	float: left;
	width: 220px;
}

#kosik {
	margin-top: 15px;
	text-align: right;
}
.odkazy {
	float: left;
	margin-right: px;
	position: relative;
	width: 350px;
	height: 20px;
	margin-top: 13px;
	padding-left: 0px;
}
.psaci {
	height: 44px;
	margin-top: 24px;
	padding-left: 0px;
	background: url(psaci1.jpg) no-repeat left top;
	text-align: right;
}
.mezer1 {
	width: 150px;
	margin-left: 250px;
}
.mezer2 {

	margin-left: 100px;
	width: 100px;

}
.mezer3 {
	width: 34px;
	float: left;
	position: relative;
}
.mezer4 {
	width: 35px;
	float: left;
	position: relative;
}

#underart {
	text-align: right;
}

.news {
	padding-bottom: 15px;
	border-bottom: 1px rgb(238,239,234) solid;
}

#news-eml {
	background-color: rgb(241,241,241);
	padding: 15px;
}

#systems td {padding-left: 8px;}

#systems .odd td {
  background-color: rgb(233,233,233);
}

#box8 ul {
	margin-left: 5px;
}
#boxmap {
padding-left: 80px;

}

#sb {
	margin-top: 15px;
	padding: 15px;
	border: 1px #fdbb00 solid;
	background-color: #ffff99;
}
.hl {
	background-color: #ffff00;
}

