p, img, table, form, fieldset, ul, li, tr, th, td, h1, h2, h3, h4, h5 {
	border:  0px none;
	margin:  0px;
	padding: 0px;
}

body {
	border:  0px none;
	margin:  0px;
	padding: 20px 0;
	font-family: Arial, sans-serif;
	font-size: 100%;
	background: #55778B;
	color: #fff;
	text-align: center;
}

div#titulek {
  width: 746px;
  height: 89px;
  margin: 0px auto 0px auto;
  background: url("../images/titulek-pozadi.gif") 0 0 repeat-x;
  background-color: #002845;
  text-align: left;
}

div#titulek div.logo span { position: absolute; left: 0; top: 0; }
div#titulek div.logo { position: relative; margin: 0px;}
div#titulek div.logo, div#titulek div.logo a, div#titulek div.logo span { 
  display: block; 
  height: 88px; 
  width: 216px;  
  background: url("../images/logo.gif") 0 0px no-repeat;
  color: #fff;
  line-height: 2.5;
  cursor: pointer;
}

div#titulek ul { float: right; text-align: right; display: block; width: 160px; margin-top: 35px; font-size: 0.6em;}
div#titulek ul li { float: left; display: block; padding: 0 8px 0 16px; }
li.home { background: url("../images/home.gif") 0 2px no-repeat;color: #4673A4; }
li.help { background: url("../images/help.gif") 5px 2px no-repeat; margin-right: 4px;color:red }
li.site-map { background: url("../images/site-map.gif") 0px 2px no-repeat;color:red }
div#titulek a { text-decoration: none; }
div#titulek a:hover, div#titulek a.active { color: #fff; }

div#menu {
  width: 746px;
  height: 57px;
  margin: 3px auto 0px auto;
  background: #BFD8E3;
}

div#menu ul {
  list-style-type: none;
}

div#menu ul li {
  float: left;
  display: block;
  height: 57px;
}

div#menu li span { position: absolute; left: 0; top: 0; }

li.profil, li.sortiment, li.sluzby, 
li.bazar, li.novinky,li.download, li.kontakty, li.partneri {
  position: relative;
  margin: 0px;
}

div#menu li, div#menu li a, div#menu li span { display: block; height: 57px; cursor: pointer; line-height: 2.5 }
li.profil, li.profil a, li.profil span {  width: 159px;  background: url("../images/menu-profil.gif") 0 -57px no-repeat;}
li.sortiment, li.sortiment a, li.sortiment span { width: 111px;  background: url("../images/menu-sortiment.gif") 0 -57px no-repeat;}
li.sluzby, li.sluzby a, li.sluzby span { width: 82px;  background: url("../images/menu-sluzby.gif") 0 -57px no-repeat;}
li.bazar, li.bazar a, li.bazar span { width: 76px;  background: url("../images/menu-bazar.gif") 0 -57px no-repeat;}
li.novinky, li.novinky a, li.novinky span { width: 90px;  background: url("../images/menu-novinky.gif") 0 -57px no-repeat;}
li.download, li.download a, li.download span { width: 90px;  background: url("../images/menu-download.gif") 0 -57px no-repeat;}
li.kontakty, li.kontakty a, li.kontakty span { width: 97px;  background: url("../images/menu-kontakty.gif") 0 -57px no-repeat;}
li.partneri, li.partneri a, li.partneri span { width: 131px;  background: url("../images/menu-pro-partnery.gif") 0 -57px no-repeat;}

li.profil a:hover span, li.sortiment a:hover span, 
li.sluzby a:hover span, li.bazar a:hover span, li.novinky a:hover span, li.download a:hover span,
li.kontakty a:hover span, li.partneri a:hover span
{ background-position: 0 0; }

li.active, li.active a, li.active span { background-position: 0 0; }

div#hlavicka {
  width: 746px;
  height: 173px;
  margin: 0px auto 0px auto;
  background: url("../images/hlavicka.jpg") 0 0 no-repeat;
  background-color: #5E9AE9;
}

div#hlavicka-mala {
  width: 746px;
  height: 90px;
  margin: 0px auto 0px auto;
  background: url("../images/hlavicka-mala1.jpg") 0 0 no-repeat;
  background-color: #5E9AE9;
}

div#submenu {
  width: 746px;
  height: 135px;
  margin: 0px auto 0px auto;
}

div.box {
  float: left;
  display: block;
  width: 242px;
  height: 125px;
  margin-top: 10px;
  background: url("../images/box-balici-stroje.jpg") 0 0 no-repeat;
  background-color: #00304D;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  text-align: left;
}

div.vahy { background: url("../images/box-vahy.jpg") 0 0 no-repeat; background-color: #00304D; margin: 10px 10px 0 10px; }
div.material { background: url("../images/box-material.jpg") 0 0 no-repeat; background-color: #00304D; }


div.box h2 span { position: absolute; left: 0; top: 0; }
div.box h2{ position: relative; margin: 0 0 0 0;font-size: 0.9em; }

div.box h2, div.box h2 span { display: block; height: 27px; }
h2.box1, h2.box1 span { width: 242px;  background: url("../images/nadpis-box1.gif") 0 0 no-repeat;}
h2.box2, h2.box2 span { width: 242px;  background: url("../images/nadpis-box2.gif") 0 0 no-repeat;}
h2.box3, h2.box3 span { width: 242px;  background: url("../images/nadpis-box3.gif") 0 0 no-repeat;}

div.box ul  { margin: 5px 5px; list-style-type: none; }

div.box ul li { 
  display: block;
  padding: 0 0 0 15px; 
  background: url("../images/box-odrazka.gif") 5px 11px no-repeat;
}

div.box ul a { color: #8AB8D3; text-decoration: none; font-weight: bold; font-size: 0.75em;  }
div.box ul a:hover { text-decoration: underline; }
a.dalsi {
  display: block;
  width: 80px; 
  margin: 15px 0 0 15px; 
  font-size: 0.7em;
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

div#uvod {
  width: 746px;
  margin: 5px auto 0px auto;
  background: #A8CBDA;
}


div#uvod p { 
  padding: 20px 20px 10px 20px;
  font-size: 0.7em; 
  color: #363636; 
  text-align: justify; }
  
div#uvod p strong { display: block; }
div#uvod a.vice { 
  float: left;
  display: block; 
  height: 22px; 
  width: 85px; 
  background: url("../images/uvod-vice.jpg") 0 0 no-repeat; 
  text-align: center;
  color: #000;
  font-size: 0.7em;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.5;
}

div#uvod div {
  float: left; 
  display: block;
  width: 250px;
  height: 128px;
  text-align: left;
}

div#uvod div h2 span, div#novinky h2 span { position: absolute; left: 0; top: 0; }
div#uvod div h2{ position: relative; margin: 10px 0 0 27px; font-size: 1.2em; color: #00314F; }
div#uvod div h2,  div#uvod div h2 span { display: block; height: 103px; width: 194px; background: url("../images/uvod-nadpis.jpg") 0 0 no-repeat;}

hr.cleaner {
	clear: both;
  padding: 0;
  height: 1px;
  border: none;
  visibility: hidden;
}

div.leva_mezera ul {
	padding-left: 35px;
}

div#novinky, div.text { 
  width: 746px;
  margin: 0px auto 0px auto;
  background: #00335A;
  font-size: 0.7em;
  text-align: left;
  padding-bottom: 5px;
}
div.odsazeni { margin-top: 15px }

div.pozadi { background: #A8CBDA; color: #000155; }

div#novinky h2{ position: relative; margin-left: 30px; font-size: 1.2em; color: #fff; }
div#novinky h2,  div#novinky h2 span { display: block; height: 33px; width: 194px; background: url("../images/nadpis-novinky.gif") 0 0 no-repeat;}

div.zprava {  
  float: left;
  display: block;
  margin: 10px 10px 10px 30px; 
  width: 195px;
}

div.zprava-okraj, ul.okraj { background: url(../images/zprava-okraj.gif) 100% 0 repeat-y;}
div.zprava p { color: #A8CBDA; }
strong.modra, div.text strong { color: #41D9FF; } 
strong.bila { color: #fff; }

div.zprava a.vice, div.text a.vice { 
  display: block; 
  height: 21px; 
  width: 86px; 
  margin-top: 7px;
  background: url("../images/novinky-vice.jpg") 0 0 no-repeat; 
  text-align: center;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.5;
}

div.text a.vice { margin: 0 0 5px 0; float: left; }

div#pata {
  width: 746px;
  margin: 0px auto 0px auto;
  color: #00223B;
  font-size: 0.6em;
}

div#pata p { margin: 10px 5px; }

div.text p {
  padding: 5px 20px 10px 20px;
  line-height: 1.5;
  color: #A8CBDA;  
}

div.pozadi p, div.pozadi h3 { color: #363636; }

div.text h1 { font-size: 1.6em; padding: 10px 20px 10px 20px; font-family: Arial, Tahoma, Verdana,  sans-serif; }
div.pozadi h2 { color: #00314F; }
div.text  a { color: #41D9FF; } div#text a:hover { text-decoration: none;}

img.left { float: left; margin: 5px 25px 7px 20px; }

div.nabidka { padding: 5px 20px 5px 20px;}
div.nabidka ul  { list-style-type: none; }
div.nabidka ul li {	text-align: center; }
div.text div.nabidka li a { color: #41D9FF; }
div.pozadi div.nabidka li a { color: #363636; }
div.nabidka li a:hover { text-decoration: none; }
ul.left { 
  float: left; 
  display: block; 
  width: 370px; 
  background: url(../images/zprava-okraj.gif) 320px 0 repeat-y;  
}

div.pozadi ul.left { background: url(../images/nabidka-okraj.gif) 369px 0 repeat-y; }

div#program ul { float: left; width: 320px; list-style-type: none; margin: 5px 10px 0 0; }
div#program ul.okraj { background: url(../images/zprava-okraj.gif) 343px 0 repeat-y; }
div#program ul li { padding: 2px 0px 2px 0px; }

div#klienti { padding: 5px 20px 5px 20px;}
div#klienti ul { float: left; width: 325px; list-style-type: none; }
div#klienti ul.okraj { background: url(../images/zprava-okraj.gif) 324px 0 repeat-y; margin: 0 30px 0 0; }
div#klienti li { padding-right: 20px; }
div#klienti li img { margin-left: auto;margin-right: auto;display:block; }
div#klienti li strong { display: block; float:left; width: 228px; }

/* TRI SLPOUPCE */
#tri-panely
{
	width: 746px;
	margin: 15px auto 0px auto;
	font-size: 0.7em;
}


/* levy panel*/
div#levypanel
{
	float: left;
	width: 247px;
	background: #00335A;    
  text-align: left;
}

div#levypanel h2, div#pravypanel h2, div#hlavnipanel h2 { 
  padding: 10px 20px 10px 20px;
  font-size: 1.6em; 
  color: #fff;  
  font-family: Arial, Tahoma, Verdana,  sans-serif; 
}

div#levypanel p, div#pravypanel p { padding: 10px 20px 10px 20px; color: #A8CBDA; }
div#levypanel p strong { display: block; color: #41D9FF; }
div#levypanel p a { color: #a8cbda; }
div#levypanel p a:hover { text-decoration: none; }

/*pravy panel*/
#pravypanel
{
	float: right;
	width: 247px;
	background: #00335A;	
  text-align: left;  
}

div#pravypanel p strong { color: #41D9FF; }

div#pravypanel form p {
  padding: 5px 0px 2px 0px;
}


div#pravypanel form { padding: 5px 20px 5px 20px; }
div#pravypanel form input { width: 200px !important; border: 1px solid #434343; }
div#pravypanel form textarea { width: 200px !important; height: 100px; margin-bottom: 20px; }
/* hlavni panel */
#hlavnipanel
{  
	padding: 0px 267px 0px 267px; 
  background: url(../images/tri-panely-pozadi.gif) 0 0 repeat-y;
  text-align: left;
}

div#hlavnipanel h2 { color: #00314F; padding: 10px 0 10px 0; position: relative;}

div#hlavnipanel p { padding: 10px 0 10px 0; color: #363636; position: relative; }
div#hlavnipanel ul { list-style-type: none; color: #363636; padding: 10px 0 10px 0; position: relative;}
div#hlavnipanel ul li { padding: 1px 0;}
div#hlavnipanel li a { color: #363636; } div#hlavnipanel li a:hover { text-decoration: none; }

div.product_image {
	width: 60px;
	float: left;
	background-color: White;
	margin-right: 5px;
}
ul.okraj li div a, #klienti ul li div a {
	text-decoration: none;
}

div.product_desc {
	height:55x;
	overflow: hidden;
	float:left;
	width:235px;
	padding-left: 5px;
}
strong.stronger {
	font-size: 120%;
}

#lightbox{
	background-color:#888;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(/images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(/images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}
	
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
div.polozka {
	margin:3px 10px 3px 10px;
}
div.polozka img {
	margin-left:10x;
}
div.printonly {
  display:none;

}
div.detailfloat {
	 float:left;
	 width:350px;
}
li.help a {
	color: #41d9ff !important;
}
li.site-map a {
	color: #41d9ff !important;
}
li.home a {
	color: #ff0000 !important;
}

#product_showroom {
	height: 155px;
	background-color: #00335a; 
	padding: 2px;
}
.showroom_box {
	float: left;
	position: relative;
	width: 225px; 
	height: 150px;
	margin-right: 8px; 
	
	background-color: #ffffff;
	text-align:	center;
}
.showroom_box a {
	display: block;
	text-decoration: none;
}
.showroom_box div.nadpis {
  position: absolute; 
  bottom: 0px;
  left: 0px;  
  width: 225px; 
  height: 40px;
  
  padding-left: 10px;
  background-color: #00335a; 
  color: #41d9ff;
  text-align: left; 
  font-weight: bold; 
  font-size: 15px;  
  
  filter:alpha(opacity=80); 
  -moz-opacity:0.8; 
  -khtml-opacity: 0.8; 
  opacity: 0.8;
}
.showroom_box div.nadpis span {
	display: block;
	
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	
}


.detail_pdf {
	float: right;
	margin-right: 15px;
	margin-top: 10px;
}

.to_download {
	display: block;
	margin-top: 10px;
	text-align: right;
}

span.contact_line {
	display: block;
  line-height: 20px;
  _margin-bottom: 3px;
}
span.contact_line img {
	 margin-right: 5px;
	 vertical-align: middle;
}

.bazar_cena {
margin-bottm: 5px;
width: 49%;
float: left;
}
a.bazar_poptat {
	display: block;
	width: 49%;
	float: right;
	text-align: right;
}

.poptavka_form {
	text-align: center;
	padding: 5px;
}
.poptavka_form p {
	text-align: left;
}
.poptavka_form table {
	margin: 10px auto;
}
.poptavka_form td, .poptavka_form th {
	text-align: left;
}
.poptavka_form th {
	text-align: right;
	vertical-align: top;
}
.poptavka_form a {
	display: block;
	margin-top: 20px;
	color: #41d9ff;
	text-align: center;
}