* {
	margin: 0;
	padding: 0;
}

html, body {
	text-align: center;
}

body {
	color: #black;
	font-size: 0.75em;
        font-family: Arial, MS Sans Serif;
	margin: 0 auto;
	background: #fff;
}


input,textarea,select {font-family: Arial, Helvetica, sans-serif; color:black; font-size:1em;  border:1px solid #647177; background-color: white; }
form {margin:0; padding:0;}

h1 {
	width: 777px;
	height: 225px;
	position: relative;
	margin: 0 auto;
}

h1 span {
	width: 777px;
	height: 225px;
	background: url('images/logo.jpg') top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#top-links {
	height: 20px;
	background: #000;
	text-align: center;
color:#fff;
}
#top-links a {
font-size:10px;
	line-height: 20px;
color:#fff;
text-decoration:none;
}

#obal {
	width: 777px;
	margin: 0 auto;
	text-align: left;
        background: url("images/bg_obsah.gif");
}


h2 {
	font-size: 1.4em;
	margin-bottom: 1em;
}

p {
	font-size: 1em;
	margin-bottom: 1em;
}

table {
	margin-bottom: 1em;
}

th {
	font-size: 1.3em;
	text-align: center;
}

td {
	font-size: 1em;
	padding: 2px;
}

* html td {
	font-size: 0.75em;
}

a { color: #000; text-decoration: none; cursor: pointer; }
a:hover { color: #000; text-decoration: none;}
a img { border: none; }

#hledani {
        padding-top: 45px;
        padding-left: 25px;
	margin: 0px 0 20px 0px;
        background: url("images/bg_search.gif") top center no-repeat;
        background-position: 0 0;
}

#hledani input {
background:transparent;
border:0;
margin:0;
padding:0px
}
#hledani input.pole {
	float: left;
	width: 90px;
_height:20px;
height:15px;
	margin: 0 3px;
background:white;
padding-top:3px;
padding-left:3px;
}


#left {
	width: 208px;
        background: url("images/bg_menu.gif") top left repeat-y;
	float: left;
	font-size: 0.9em;
        margin-left: 1px;
}

#left h2 {
	font-size: 13px;
	margin: 0;
}
.menu-right {
text-align: center;
}
#left .odsazeni { 
	color : #fff;
	font-weight : bold;
	text-align : center; 
        background: url("images/bg_menu_odsazeni.gif");
         background-position: 0 0;
        height: 21px;
        _height: 27px;
        padding-top: 7px;

        _margin-bottom: 0;
        position: relative;
        z-index: 2;
        width: 207px;
}

.menu-left {
	margin : 0 10px 10px 10px;
}

.menu-left h2 a {
        margin-left: 10px;
	text-decoration: none;
	background: url('images/menu_left_li.gif') center left no-repeat;
        color: #039;
font-family: Arial,Ms Sans Serif; 
font-size: 10px; 
padding:0; 
font-weight: normal; 
text-decoration: none; 
padding-left: 15px;
}

.menu-left ul {
	list-style: none;
}

.menu-left li a {
	padding-left: 27px;
	display: block;
	height: 1.5em;
	line-height: 16px;
	text-decoration: none;
}

.menu-left a:hover {
	color: #FF2020;
}

.vmenu ul {
	margin:  0px;
	padding: 0;
	list-style: none;
	/* width: 150px; */
	border-bottom: 1px solid #ccc;
	}
	
.vmenu ul li {
	position: relative;
	}
	
.vmenu li ul {
	z-index:100;
	position: absolute;
	left: 180px;
	width: 140px;
	top: 0;
	display: none;
	}

.vmenu ul li a {
	display: block;
	text-decoration: none;
	color: #003399;
	padding: 5px;
	border: 1px solid #ccc;
	/* IE6 Bug */
	border-bottom: 0;
	filter: Alpha(Opacity=80);
	-moz-opacity: 0.8;
	background-color : #3E3E3E;
}
.vmenu ul li a:hover {
	color: White;
	text-decoration : underline;
}
/* Holly Hack. IE Requirement */
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
.vmenu li:hover ul {
	display: block;
	background-color : #535353;
} 
.vmenu li.over ul {
	display: block;
background-color : #3E3E3E;
} 


#right {
float: right;
width: 1px;
height: 1px;
_position: absolute;
_left: 50%;
}

.nejnovejsi-vyrobky {
	margin : 0 10px 10px 10px;
}

.nejnovejsi-vyrobky h2 a {
        margin-left: 10px;
	text-decoration: none;
	background: url('images/menu_left_li.gif') center left no-repeat;
        color: #039;
font-family: Arial,Ms Sans Serif; 
font-size: 10px; 
padding:0; 
font-weight: normal; 
text-decoration: none; 
padding-left: 15px;
}

.doporucujeme {
	margin : 0 10px 10px 10px;
}

.doporucujeme h2 a {
        margin-left: 10px;
	text-decoration: none;
	background: url('images/menu_left_li.gif') center left no-repeat;
        color: #039;
font-family: Arial,Ms Sans Serif; 
font-size: 10px; 
padding:0; 
font-weight: normal; 
text-decoration: none; 
padding-left: 15px;
}
.doporucujeme marquee {
height:150px;
}

.nejprodavanejsi-vyrobky {
	margin : 0 10px 10px 10px;
}

.nejprodavanejsi-vyrobky h2 a {
        margin-left: 10px;
	text-decoration: none;
	background: url('images/menu_left_li.gif') center left no-repeat;
        color: #039;
font-family: Arial,Ms Sans Serif; 
font-size: 10px; 
padding:0; 
font-weight: normal; 
text-decoration: none; 
padding-left: 15px;
}

.nejsledovanejsi-vyrobky {
	margin : 0 10px 10px 10px;

	padding-left : 3px;
}

.nejsledovanejsi-vyrobky h2 a {
        margin-left: 10px;
	text-decoration: none;
	background: url('images/menu_left_li.gif') center left no-repeat;
        color: #039;
font-family: Arial,Ms Sans Serif; 
font-size: 10px; 
padding:0; 
font-weight: normal; 
text-decoration: none; 
padding-left: 15px;
}
.predobjednavka {
	margin : 0 10px 10px 10px;
}

.predobjednavka h2 a {
        margin-left: 10px;
	text-decoration: none;
	background: url('images/menu_left_li.gif') center left no-repeat;
        color: #039;
font-family: Arial,Ms Sans Serif; 
font-size: 10px; 
padding:0; 
font-weight: normal; 
text-decoration: none; 
padding-left: 15px;
}


.kosik {
margin-left:5px;
width:160px;
_width:180px;
height:94px;
	padding : 10px;
	background : url('http://www.playduo.cz/img/bg_kosik.gif') no-repeat;
color:#fff;
border: none;
}

.login {
position: relative;
z-index: 99;
top: -185px;
left: -145px;
_top:  -180px;
_left: 220px;
margin-left:5px;
width:160px;
height:170px;
padding-top : 5px;
_width:180px;
_height: 135px;
_padding-bottom : 10px;
color:#fff;
}
.login a {
color:#fff;
font-size: 0.9em;
}
.login strong {
display: none;
}

#vlajky {
	width: 89px;
	margin: -5px 0 10px 25px;
}
* html #vlajky { margin: -5px 0 10px 0px; }

#center {
	margin: 0 5px 0 215px;
}
* html #center { margin: 0 5px 0 215px; }

#center #obsah {
	padding: 0 0px;
	padding-left : 5px;
	padding-right : 10px;
}


#center #obsah .doporucujeme {
	padding: 0;
	margin:0;
	width : 440px;
	margin-bottom : 10px;
	background: none;
	border:0;
	line-height : 10px;
}
#center .odkaz-akce {
	padding: 0 5px;
	width : 460px;
	text-align : right;
}

#center .strankovani {	margin: 0 auto; width: 545px;  _width: 530px;	line-height : 27px;}
#center .strankovani p {
	text-align: center;
	margin : 5px 0px 0px 0px;
}
.strankovani form {
	_position: relative;
	_top: 5px;
	_left: 0;
	text-align: center;
}
#center .strankovani a { padding: 5px; background: #102158;  color:  #fff;}

#center .abcrazeni { text-align: center; margin: 0 auto; width: 545px;  _width: 530px; line-height : 27px; }
#center .abcrazeni p { 	text-align: center; }
#center .abcrazeni a { padding: 2px; background: #102158; color: #fff; }
.abcrazeni strong{
display: none;
}
#center .filtr  {
	padding-bottom : 5px;
        width: 545px;
        _width: 530px;
        height: 20px;
	padding-left : 5px;
	padding-right : 5px;
        padding-top:3px;
        margin: 5px auto;
}

#center #obsah #domeny_menu {
width: 545px;
_width: 530px;
height:30px;
}

#center #obsah #domeny_menu  h1 {
float:left;
text-align:center;
font-size:1em;
border:1px solid blue;
width: 100px;
height:20px;
}

#center #obsah #domeny_pole {
margin-top:50px;
width:550px;
}

#center #obsah table { 	width: 545px;
        _width: 530px;; float: left; }
#center #obsah .doporucujem table {
	background-color : #B10000;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
}

#center #obsah table td a {
	color: #000;
	text-decoration: none;
	font-size : 11px;
}
#center #obsah table td a:hover {
	color: #000;
	font-size : 11px;
}

#center #obsah table tr.prvni { background: #172292; color: #fff }
#center #obsah table tr.druha { background: #c3dafe; }
#center #obsah table tr.druhy { background: #fff; color: #000; }
#center #obsah table tr strong { color : #fff; }

#center #obsah table.bg-red td, #center #obsah table.bg-red th { background: #fff; }

#center .seznam-vyrobku { width: 460px; }
#center .seznam-vyrobce { width: 460px; }
#center .seznam-vyrobce .vyrobce { width: 130px; }

#center #obsah .vyrobek {
	width: 545px;
        _width: 530px;
	float: left;
	margin-top : 3px;
	padding-left : 0px;
	padding-right : 0px;
	height : 110px;
        border-bottom: 1px solid #D2E4FC;
}
#center #obsah .vyrobek .nadpis {
	width:465px;
        _width: 450px;
	height:20px;
        float: right;
	text-align : left;
}
#center #obsah .vyrobek .nadpis a  {
	font-size: 0.9em;
	color : #000;
        margin-bottom: 10px;
}
#center #obsah .vyrobek .nadpis a:hover  {
text-decoration: underline;
}
#center #obsah .vyrobek .ceny {
	width: 245px;
	height:30px;
	text-align : right;
	color : #000;
	font-size : 1.2em;
        margin: -15px 0 0 80px;
        _margin-top: -35px;
        float: right;
        _padding-top:  15px;
}
#center #obsah .vyrobek .ceny .vcdph {
	font-weight : bold; 
        float: right; 
        margin-right: 5px;
        margin-top: -5px;
}
#center #obsah .vyrobek .ceny .bezdph { visibility:hidden;
	font-weight : bold;
	color : #fff;

}
#center #obsah .vyrobek .ceny .oddel { visibility:hidden;
	font-weight : bold;
}
#center #obsah .vyrobek .ceny input {
padding:0; float: right; margin-right:5px;
border: none;
margin-top: -10px;
}
#center #obsah .vyrobek .popis {
	width: 465px;
        _width: 450px;
	height: 40px;
	_height:30px;
        margin-top: 5px;
	margin-bottom : 2px;
	margin-right : 0px;
	float : right;
	padding-left : 1px;
	font-size : 1em;
        line-height: 1.1em;
}
#center #obsah .vyrobek .stav {
	width:140px;
        margin-left: 15px;
	font-weight : bold;
        height:20px;
        float: left;
        margin-top: 10px;
}
#center #obsah .vyrobek .stav .skladem {
	color : green;
	background-image : url('img/sklad.gif');
	background-repeat : no-repeat;
	padding-left : 20px;
}
#center #obsah .vyrobek .stav .naobjednavku {
	color : Red;
	background-image : url('img/objednavka.gif');
	background-repeat : no-repeat;
	padding-left : 20px;	
}
#center #obsah .vyrobek .stav .naceste {
	color : #00CCFF;
	background-image : url('img/naceste.gif');
	background-repeat : no-repeat;
	padding-left : 20px;	
}
#center #obsah .vyrobek .stav .predobjednavka {
	color : #FFFFff;
	background-image : url('predobjednavka.gif');
	background-repeat : no-repeat;
	padding:0;
	margin:0;
	padding-left : 20px;
	border:0;
	background-color:transparent;
	line-height : 15px;
}

#center #obsah .vyrobek .im { width:70px; height:115px;  float:left;}
#center #obsah .vyrobek a img { float: left; padding: 5px; border: none;}
* html #center #obsah .vyrobek a img { margin: 3px; }
#center #obsah .vyrobek p { margin-left: 85px; font-size:0.9em;}

#center #obsah .seznam-polozek { width: 460px; }
#center #obsah .seznam-polozek ul { margin:0; padding-left:0;}
#center #obsah .seznam-polozek li { list-style:none; float:left; width:100px; }
#center #obsah .zpravy {
	width: 460px;
	margin-top : 20px;
	float : left;
}
#center #obsah .zpravy .text {
background: #d7d7d7;
}
#center #obsah .zpravy .nadpis {
height:20px; background: #c3dafe;
}
#center #obsah .recenze {
	width: 460px;
	margin-top : 20px;
	float : left;
}
#center #obsah .diskuze {
	width: 460px;
	margin-top : 20px;
	float : left;
}


#center a img.img-ukazka { border: 1px solid #fff; }
#center a:hover img.img-ukazka { border: 1px solid red; }

#center #obsah .poznamka {
width:375px;
height:100px
}


#menu {
	width: 776px;
	height: 24px;
	margin-bottom: 5px;
        background: url('images/bg_menu_hor.gif') repeat-x;
}

#menu li {
	list-style: none;
	float: left;
	line-height: 24px;
	font-size: 0.9em;
	text-align: center;
        width: 120px;
        background: url('images/bg_menu_hor_pol.gif');
}

#menu li a {
	text-decoration: none;
	display: block;
	padding: 0 0px;
	color: #000;
        width: 120px;

}

#menu li a:hover, #menu li a.activ, #menu h3:hover, #menu h3.activ {
        color: #000;
}

#menu h3 {
	margin: 0;



	font-size: 1em;
}

#menu h3 a {
	display: block;
	font-weight: bold;
	color: #12265B;
        width: 120px;

        font-size: 11px;
}

ul.sub {
	position: absolute;
	z-index: 10;
	visibility: hidden;
	width: 118px;
	background: #fff; border: 1px solid #132768;

}
* html ul.sub { left: 0px; }
#menu ul.sub li { background: #F9F9F9; display: block; width: 118px; font-size: 1em;}
#menu ul.sub li a { display: block; width: 118px; padding: 0; text-align: center; }
#menu ul.sub li a:hover { background: #D9DAE5; color: #000; font-weight: bold;}
	
#menu ul li.main { position: relative; width: 120px; }
#menu ul li > ul.sub { position: absolute; z-index:10; visibility: hidden; }
#menu ul li.main:hover ul.sub { visibility: visible; }


#footer {
	margin: 0 auto;
	width: 777px;
	height: 18px;
        color:#000;
        background: #fff url("images/bg_footer.gif") no-repeat;;
}
#footer a {
color:#000;
}
#footer p {
padding-top: 5px;
}


.cleaner { clear: both; height: 1px; font-size: 1px; border: none; background: transparent; }
.underline { text-decoration: underline; }
strong {
	font-weight: bold;
	color : #000;
}

.img-input {
border: none;
}
.space {clear:both;}

#tbl td {background-color:#0F2056; color: #fff;}
#tbl a {color: #fff;}
#tbl b {color: #fff;}
#tbl td .pozn { width:380px; height: 100px; }
#tbl strong {color: #fff}
.menuBox {
	color : #FFFFFF;
	font-size : 12px;
	background-color:#003688;
	cursor:default;
	visibility:hidden;
	position:absolute;
	cursor:default;
	border-color: black;
	border-width: 1px;
	border-style: solid;
	filter: Alpha(Opacity=80);
	-moz-opacity: 0.8;
}
.nadpis {
	color : #FFFFFF;
	font-size : 15px;
	line-height : 25px;
}
.subnadpis { color : #FFA555; font-size : 13px;}
.red {
  color: #FF0000;
}		
.selbarva {
  color : #FFFFFF; font-size : 11px; 
  background-color:#961A00;
  cursor:pointer;    
}

.unbarva { 
color : #FFFFFF; font-size : 11px; 
  background-color:#003688;
}
.tabzelena {
  background-color: #52FA00;
}

.tabcervena {
  background-color: #FF9999;
}

.tabmodra {
  background-color: #C7F0FF;
  color : #000000;
}

.tabzluta {
  background-color: #FFF93E;
  color : #000000;
}
.tabred {
  background-color: #FF0000;
  color : #000000;
}

.tabzelena {
  background-color: #00ff00;
  color : #000000;
}

.taboranzova {
  background-color: #FF6E00;
}

.odecet { width:300px; background-color:#000; border:0px; color: white;}

.vypisneodeslane { font-size: 0.75em; }
.vypisneodeslane a { font-size: 0.7em; }

.detail {
text-align: left;
}
.nadpis-detail {
text-align: center;
background: url("images/bg_popis.gif") repeat-x;
margin: 10px 0;
height: 22px;
padding-top: 4px;
}
.detail h2 {
text-align: center;
background: url("images/bg_popis.gif") repeat-x;
margin: 10px 0;
color: #c60000;
line-height: 26px;
font-size: 1.4em
}
.nadpis-detail strong {
color: #c60000;
font-size: 1.1em;
}
.pozadi  {
text-align: center;
}
.nadpis-hp {
padding-top: 7px;
width: 540px;
_width: 535px;
text-align: center;
background: url("images/bg_popis.gif") repeat-x;
margin: 10px 0;
height: 22px;
}
.nadpis-hp strong {
color: #c60000;
font-size: 1.3em;
}