body, html
{
	width: 100%;
	height: 100%;
}

body
{
  font-family: arial;
  font-size: 12px;
  text-align: center;
  margin: 0px;
  padding: 40px 0 0 0px;
	background-image: url(deputa/bodybackground_v2.jpg);
	background-position: 50% 50%;
	background-repeat: repeat;
}
img
{
  border: 0px;
}
a
{
  color: #FFD504;
}
form
{
  margin: 0px;
}
.but
{
  padding: 3px 6px 3px 6px;
  float: right;
  width: 200px;
  height: 14px;
  background-repeat: no-repeat;
  font-family: arial;
  font-weight: bold;
  font-size: 11px;
  color: #ffffff;
}
.but:hover
{
  background-position: 0px -20px;
}
.cf
{
  font-size: 0px;
  clear: both;
  display: block;
  height: 0px;
}
.over
{
  margin: 0px auto;
  width: 990px;
  position: relative;
  top: -150px;
}
.vizual
{
  position: absolute;
  bottom: 10px;
  right: -230px;
}
.ram
{
  margin-top: 0px;
  position: relative;
  text-align: left;
}
.ram_top
{
	background-image: url(deputa/background_top.png);
	_background-image: url(deputa/background_top.jpg);
	background-repeat: no-repeat;
}
.ram_ptop
{
	width: 1044px;
	height: 394px;
	margin-bottom: -280px;
	background-image: url(deputa/background_top.png);
	background-repeat: no-repeat;
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/styles/deputa/background_top.png' ,sizingMethod='crop');
}
.ram_pbottom
{
	width: 1044px;
	height: 341px;
	margin-top: -200px;
	background-image: url(deputa/background_bottom.png);
	background-repeat: no-repeat;
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/styles/deputa/background_bottom.png' ,sizingMethod='crop');
}
.ram_bottom
{
	background-image: url(deputa/background_bottom.png);
	_background-image: url(deputa/background_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.ramin
{
	min-height: 400px;
}
.r_top
{
  height: 20px;
  background-repeat: repeat-y;
  background-position: 0px 0px;
}
.r_left
{
  background-repeat: repeat-y;
  background-position: 0px 0px;
}
.r_right
{
  background-repeat: repeat-y;
  background-position: 100% 0px;
}
.r_bottom
{
  height: 40px;
  background-repeat: repeat-y;
  background-position: 0px 0px;
}
.u_news
{
  display: block;
  background: #ffffff;
  background-image: url('ram/u_news.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 100px;
  height: 19px;
  z-index: 20;
  position: absolute;
  left: 305px;
  top: -11px;
}
.u_fotogalerie
{
  display: block;
  background: #ffffff;
  background-image: url('ram/u_fotogalerie.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 100px;
  height: 19px;
  z-index: 20;
  position: absolute;
  left: 415px;
  top: -11px;
}
.u_registrace
{
  display: block;
  background: #ffffff;
  background-image: url('ram/u_registrace.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 100px;
  height: 19px;
  z-index: 20;
  position: absolute;
  left: 525px;
  top: -11px;
}
.u_kontakt
{
  display: block;
  background: #ffffff;
  background-image: url('ram/u_kontakt.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 100px;
  height: 19px;
  z-index: 20;
  position: absolute;
  left: 635px;
  top: -11px;
}
.u_zal
{
  height: 21px;
}
.u_news:hover, .u_fotogalerie:hover, .u_registrace:hover, .u_kontakt:hover
{
  background-position: -100px 0px;
}

.partneri
{
  position: absolute;
  width: 100%;
  margin-top: -23px;
  text-align: center;
}
.partneri a
{
  font-size: 11px;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
  padding: 0px 4px 0px 4px;
}
.partneri a:hover
{
  background: #666666;
  color: #ffffff;
}

.layout_top
{
  position: relative;
	height: 85px;
  margin: 0 100px 0 160px;
}
.layout_top .logo
{
  margin-top: 5px;
  margin-bottom: 15px;
}
.layout_left
{
  float: left;
  width: 110px;
  z-index: 5;
}
.layout_right
{
  float: left;
  width: 180px;
  margin-left: 5px;
  _margin-left: -5px;
}
.layout_center
{
	margin-left: 10px;
  float: left;
  width: 600px;
  padding-top: 10px;
}
.layout_main
{
  position: relative;
  padding: 0 100px 0 160px;
	background-image: url(deputa/background_mid.png);
	height: 1050px;
	width: 784px;
/*	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/styles/deputa/background_mid.png' ,sizingMethod='scale');*/
}

.layout_valid
{
  margin-top: 5px;
}
.layout_valid a
{
  text-decoration: none;
  color: #999999;
}
.menu_over
{
}
.menu
{
  width: 110px;
	margin-bottom: 4px;
}
.menu a
{
  display: block;
  width: 106px;
  padding: 2px 2px 2px 4px;
  background: #FFD504;
  border-bottom: 1px solid #000000;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
	background-position: 94px 50%;
	background-repeat: no-repeat;
}
.menu a:hover, .menu .sel
{
  display: block;
  width: 106px;
  padding: 2px 2px 2px 4px;
  background: #544a1b;
  border-bottom: 1px solid #000000;
  font-size: 12px;
  font-weight: bold;
  color: #FFD504;
  text-decoration: none;
	background-position: 94px 50%;
	background-repeat: no-repeat;
}
.menu .mkosik, .menu .mkosik, .menu .mkosik:hover { background-image: url(deputa/ikonky/kosik.png); }
.menu .mkatalog, .menu .mkatalog:hover { background-image: url(deputa/ikonky/katalog.png); }
.menu .mnovinky , .menu .mnovinky:hover{ background-image: url(deputa/ikonky/hot_news.png); }
.menu .mfotogalerie, .menu .mfotogalerie:hover { background-image: url(deputa/ikonky/fotogalerie.png); }
.menu .mregistrace, .menu .mregistrace:hover { background-image: url(deputa/ikonky/registrace.png); }
.menu .mkontakt, .menu .mkontakt:hover { background-image: url(deputa/ikonky/kontakt.png); }
.menu .mhistorie, .menu .mhistorie:hover { background-image: url(deputa/ikonky/historie_firmy.png); }
.submenu
{
  position: absolute;
  display: none;
  left: 112px;
  margin-top: -22px;
  z-index: 20;
}
.submenu a
{
  display: block;
  width: 132px;
  padding: 2px 4px 2px 4px;
  background: #66CCCC;
  border-bottom: 1px solid #009999;
  border-top: 2px solid #ffffff;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}
.submenu a:hover
{
  background: #009999;
}


.panels
{
}
.panels .head, .panels .heada
{
  float: left;
  width: 114px;
  padding: 2px 2px 2px 4px;
  background: #FFD504;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  cursor: default;
  margin-right: 5px;
  text-transform: uppercase;
  text-decoration: none;
}
.panels .heada
{
  cursor: pointer;
}
.panels .sel
{
  background: #E3BE07;
}
.panels .body
{
  clear: both;
  padding: 10px;
  border: 1px solid #cccccc;
  background: #ffffff;
}

.panela
{
  width: 110px;
  margin-bottom: 5px;
}
.panela .head
{
  padding: 2px 2px 2px 4px;
  background: #009999;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  cursor: default;
  text-transform: uppercase;
  text-decoration: none;
}
.panela.s08 .head { background: #990099; }
.panela .body, .panela .bodyf
{
  clear: both;
  display: block;
  background: #ffffff;
  background-image: url('ruzek.gif');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  border: 1px solid #66CCCC;
  color: #666666;
  text-align: center;
  cursor: pointer;
  color: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
.panela.s08 .body, .panela.s08 .bodyf { border: 1px solid #990099; }
.panela img
{
  margin-bottom: 5px;
}
.panela .body:hover, .panela .bodyf:hover
{
  display: block;
  background-image: url('ruzeks.gif');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  border: 1px solid #009999;
}
.panela .body
{
  padding: 9px;
  padding-bottom: 18px;
}
.panela .bodyf
{
  padding: 0px;
  padding-bottom: 12px;
}

.login
{
  width: auto !important;
	height: auto !important;
  font-family: Arial;
	font-size: 10px;
	position: absolute;
	top: 10px;
	right: -400px;
}
.login .body
{
	height: auto !important;
}
.login .body input
{
  width: 80px;
  border: 1px solid #FFD504;
  font-size: 9px;
  font-family: arial;
}
.login .body input:focus { border-color: #ED1B24; }

.login .body .button { background: #FFD504; font-weight:bold; padding-bottom: 1px; }

.ohlasp
{
  display: block;
  position: relative;
  float: right;
  width: 180px;
  font-family: Arial;
  margin-bottom: 5px;
  _margin-left: -5px;
}
.ohlasp .nadpis
{
  display: block;
  width: 74px;
  padding: 3px 2px 2px 4px;
  background: #66CCCC;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  cursor: default;
}
.ohlasp .body
{
  position: relative;
  padding: 10px;
  padding-bottom: 10px;
  display: block;
  text-decoration: none;
  border: 1px solid #CCCCCC;
	background: #ffffff;
  background-image: url('ruzek.gif');
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.ohlasp .body:hover
{
  border: 1px solid #999999;
  background-image: url('ruzeks.gif');
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.bonus
{
  display: block;
  position: relative;
  float: right;
  width: 180px;
  font-family: Arial;
  margin-bottom: 5px;
  _margin-left: -5px;
}
.bonus .nadpis
{
  display: block;
  width: 74px;
  padding: 3px 2px 2px 4px;
  background: #66CCCC;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  cursor: default;
}
.bonus .body
{
  position: relative;
  height: 80px;
  display: block;
  border: 1px solid #CCCCCC;
  background-image: url('ruzek.gif');
  background-repeat: no-repeat;
  background-position: 100% 100%;
	background: #ffffff;
}
.bonus .body:hover
{
  border: 1px solid #999999;
  background-image: url('ruzeks.gif');
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.layout_shop
{
  display: block;
  height: 49px;
  padding-left: 55px;
  padding-top: 3px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #666666;
  text-decoration: none;
  text-align: center;
  overflow: hidden;
}
.layout_shop:hover
{
  background: #66CCCC;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #ffffff;
}
.layout_shop .nazev
{
  display: block;
  overflow: hidden;
  height: 17px;
  padding-top: 1px;
  font-weight: bold;
  font-size: 11px;
}
.layout_shop .overcena
{
  display: block;
  background-image: url('gradient.gif');
  background-repeat: repeat-x;
  padding-top: 2px;
  padding-bottom: 2px;
}
.layout_shop .cenap
{
  display: block;
  color: #009999;
  font-weight: bold;
  font-size: 14px;
}
.layout_shop .cenap .cenak
{
  font-size: 9px;
  font-weight: normal;
}
.layout_shop .cena
{
  display: block;
  color: #999999;
  font-size: 9px;
}
.options
{
  position: absolute;
  right: 0px;
  _right: 25px;
  top: 6px;
}
.options a
{
  background-repeat: no-repeat;
  font-size: 10px;
  color: #666666;
  text-decoration: none;
  background-position: 0px 1px;
  padding: 1px 4px 0px 17px;
  text-transform: uppercase;
}
.options a:hover
{
  background-position: 0px -17px;
}
.options .kabelka
{
  padding: 2px 23px 1px 5px;
  background-image: url('icons/kabelka.png');
  background-position: 100% 0px;
  border-left: 3px solid #666666;
}
.options .kabelka:hover
{
  background-position: 100% -33px;
  border-left: 3px solid #009999;
}
.options .ucet
{
  background-image: url('icons/ucet.png');
}
.options .oblibene
{
  background-image: url('icons/oblibene.png');
}
.options .bonuss
{
  background-image: url('icons/bonus.png');
}
.options .jmeno
{
  background-image: url('icons/jmeno.png');
}

.filters
{
  xposition: absolute;
  xright: 0px;
  x_right: 25px;
  xtop: 63px;
  text-align: right;
}
.filters select
{
  font-family: arial;
  font-size: 10px;
  border: 1px solid #FFD504;
  width: 120px;
  margin-left: 3px;
  margin-bottom: 7px;
}
.filters .pouze
{
  float: left;
  margin-right: 4px;
  _margin-top: -1px;
}
.filters .nastavit
{
  font-size: 10px;
  float: left;
  margin-left: 3px;
  _margin-top: -1px;
}
.filters span
{
  float: left;
  padding-top: 3px;
  padding-left: 4px;
  font-size: 10px;
  color: #009999;
}
.filters label
{
  float: left;
  padding-top: 3px;
  font-size: 10px;
  color: #666666;
}
.filters .odhlasit
{
	float: right;
	background: #FFD504;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	padding: 1px 4px 1px 4px;
	margin-left: 5px;
	border: 1px solid #000000;
}
.filters .odhlasit:hover { background: #000000; color: #FFD504; }

.nahledo
{
  z-index: 99;
  display: none;
  position: fixed;
  background: #444444;
  opacity: 0.60;
  filter: alpha(opacity=60);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.nahledimg
{
  z-index: 100;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
.nahledimg img
{
  background: #ffffff;
	margin-top: 35px;
}
.nahledbutton
{
  z-index: 6;
  position: absolute;
  top: 5px;
  left: 0px;
  padding: 5px;
  background: #FFD504;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  text-align: center;
  width: 80px;
}
.nahledbutton:hover
{
  background: #000000;
  color: #ffffff;
}

.image
{
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  display: block;
  position: relative;
  background: #ffffff;
  border: 1px solid #009999;
}
.image .thumb
{
  display: block;
  width: 90px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 2px;
}
.image .img
{
  z-index: 5;
  position: absolute;
  top: -5px;
  left: -30px;
  display: none;
  background: #ffffff;
  padding: 2px;
  border: 1px solid #009999;
}
#katalog {
	margin: 0; padding: 0;
	list-style-type: none;
}
#katalog li {
	margin: 0; padding: 0;
	list-style-type: none;
}
#katalog li ul {
	margin: 0; padding: 0;
	list-style-type: none;
}
#katalog li a {
	font-size: 80%;
}
#katalog li ul li a {
	font-weight: normal;
	font-size: 80%;
	padding-left: 20px;
	width: 90px;
}
#partneri {
	position: relative;
	top: -30px;
	left: -95px;
	text-align: right;
	color: #999;
}
#partneri a {
	color: #555;
}
#partneri a:hover {
	color: #000;
}
#top-logo {
      margin: 0 auto;
      width: 990px;
      height: 150px;
}
#top-logo a {
      position: relative;
      display: block;
      z-index: 1000;
}
#top-logo a span {
    display: none;
}
#top-logo a.dpm69 {
      float: right;
      width: 134px;
      height: 133px;
      background: url('logo_dpm69.gif') no-repeat top left;
      top: 370px;
      left: 55px;
}
#top-logo a.dpm {
      float: left;
      width: 160px;
      height: 150px;
      top: 40px;
      left: 65px;
}
#kosik_info {
      display: block;
      padding: 5px;
      font-size: 110%;
      background-color: #EF0000;
      color: #fff;
      width: 102px;
}
#kosik_info:hover {
      background-color: #544a1b;
      color: #FFD504;
}
#top-baners {
      position:absolute; 
      width: 100%;
      text-align: center;
      top: 10px;
     left: 0px;
}
#top-baners div {
      padding-left: 145px;
}
#top-baners img {
      margin-left: 170px;
}
#main-menu {
      width: 723px;
      height: 15px;
}
#main-menu a {
      float: left;
      border-right: 1px solid black;
}
#main-menu .fil {
      float: right;
}