html, body, p, div {margin: 0; padding: 0;}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
 
	/*e3e3e4 url(/img/bg.jpg) top center repeat-y*/
  background:  #000;
   
	font: normal 12px/21px Trebuchet MS, verdana, arial, helvetica, sans-serif, "Lucida Grande";
}  
.clear, .cb {
	clear: both;
	height:0 !important
	line-height: 0px;
}
#page {
	width: 1006px;
	margin: 0em auto 0em auto;
	padding: 20px;
	background:transparent; 
	text-align: left; 
}
#top {
  width: 940px;
	height: 120px;   
	background: transparent; 
  }
#top ul
 {
	width: 1006px; 
  margin: 0em;
	padding: 0;
}
#top ul li
{
	list-style: none;
	display: block;
  float:right; 
  margin: 0 0 0 2px;
  padding: 0;
}
#top ul li a
{
	display: block;
	background: #CC0000;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 115%;
	color:#fff;
	padding:4px 6px ;
	margin:0; 	 
   }
#top ul li a:hover
{
color:black;
background: #e5e5e5;
}
#top ul li.eushlist a:link, #top ul li.eushlist a:visited
{
color:black;
background: #e5e5e5;
}
#header {
  float:left;
  width: 420px;
  height: 80px; 
	padding: .4em 0;
  text-align: left;
	color: white;  
}
#header h1 {  
 	font-size: 132%; 
	text-align: center;
	margin:0;
	padding: 0;
	color: #666;
	font-weight: bolder; 
}
h1 span {  
	display: block;
	color: #666; 
}

a, a:link a:visited {text-decoration: none; color: #025181; }
a:hover {color: #000; text-decoration: underline; }
a:active {color: #ffffff; }
a.act {background:#386A3D}


#wrapper {  
  width: 988px;
  background: white !important;
  padding: 9px;
	position: relative;
	top:-4px !important;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;	
	-moz-border-radius: 12px;
	border-radius: 12px;
}
#content_left { width:250px;float:left; background: white; color: black; padding: 0 0px 300px 0px; } 
#content_left ul {margin: 0px 0 0 0px;padding: 0; }
#content_left ul ul {margin-left: 20px;}
div.mentop { -webkit-border-radius: 7px;
	-khtml-border-radius: 7px;	
	-moz-border-radius: 7px;
	border-radius: 7px;background: #032b5f;;padding:  15px 10px 15px 15px;}
#content_left ul li {list-style: none; text-transform:uppercase;  border-bottom: 1px solid #ccc; margin: 0;padding:0;}
#content_left ul li a:link, #content_left ul li a:visited {color: #fff; display: block; margin:0; padding: .2em .3em;}
#content_left ul li a.act:link, #content_left ul li a.act:visited  {background: #1c447b; color: white;}
#content_left ul li.active > a:link, #content_left ul li.active > a:visited {background: #1c447b !important; color: white;}

 #content_right li a{ display:block; padding: 0.3em 0.4em; color:black;
text-decoration:underline;font-size: 125%;}
 
#content_right h4, #content_left h3{ background: #CC0000; color: white; padding: .5em;
	  font-size: 1.1em;margin-top:1em;margin-bottom:0;}
/*#content_right h4 { background: #fff; color: black; padding: .5em 0;
	  font-size: 1.1em; margin:0;}
*/
#content_right dl {float:left;margin:0;}
#content_right dt {float:left; width: 4em;}
#content_right dd {float:left; width: 7em;text-align:right;}
ul.kos {margin: 1.3em 0 10em 0 !important;}
ul.kos li.emptykos {background:white !important; color: black; font-size: 140%;padding: 1.3em 0;text-align:center;}

ul.nm, ul.nm li {display: inline;  text-align:left;}
ul.nm li a:link, ul.nm li a:visited {text-decoration: underline; padding: 0 .4em; color: black;}
ul.nm li a:hover {text-decoration: none; color: #666;}
 
         
div.tmenu {border: 1px solid #ccc;width:550px; padding: 1em .4em;float:left; margin-bottom: 1em;background: #f5f5f5;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

div.tmenu:hover {border: 1px solid #000; background: #c2c2c2;}
#content_right { width:210px;float:right; color: black; padding: 0 00px 150px 0px; } 
#content_right ul, #content_right ul li{ margin: 0; padding:0; }
#content_right li{ list-style-type: none; 
  background: #e2e5e2;
  
  }
  /*background: url(/img/li3.png) left center repeat-x;background: #660000;*/
	
#content_right li a:hover, #content_left li a:hover{ color: white;background: #579cd5; text-decoration:none;}
#content_right object {width: 150px !important;}
 
#content_mid { width:670px;float:left;background: white; color: black; padding: 0px 5px 150px 15px; } 
#content_mid h3{  padding: .0em; margin: .5em 0 0 0; text-decoration: underline;}
#content_mid ul, #content_mid ul li{ margin: 0; padding:0; }
#content_mid ul {margin-left: 1.3em;margin-top: 0;}
#content_mid li{ list-style-type: circle;  }
#content_mid li a{ color: blue; text-decoration: underline;}
#content_mid object {width: 150px !important;}

#content_mid3 { background: white; width:730px;_width:710px;float:left; color: black; margin: 12px 0 0 0; padding: 10px 5px 150px 15px;
/*background: url(/img/bgmid.png) top center repeat-x;*/
 } 
#content_mid3 h3{  color: #666; padding: .5em; }
#content_mid3 ul, #content_mid3 ul li{ margin: 0; padding:0; }

li.nn {background: white !important;}
  


.hidden { display:none;}

 
#content_left img {border: 2px solid #000; margin: 1px;  }


 
#mid {float: left; width: 100%;	border-bottom: 4px solid #ccc;
}
#mid h1 { margin-top: -.5em; color: #0293DD;
}
#logo {
  height: 170px;
  float:left;
  margin-top:0px;
	width: 250px; 
	background: transparent;
	padding: 1.4em;
  text-align: center;	
 
}
#logo a{
  height: 170px;
	width: 250px; 
  display:block; 
	background: url(/img/logo.png) bottom no-repeat black;}
	 
#logo a:hover{ 
}
/*<FOOTER>*/
#footer { padding: 15px 1em; background: #000; color:#e2e2e2; text-align: center; }
#footer a:link, #footer a:visited {color: #fff;font-weight: bolder;}
#footer a:hover {color: #ffffff}
 

.divider {height: 0px; margin: 10px 0; border-top: 1px dotted #BA9F79; line-height: 0px; font-size: 0; }
.divider2 {height: 0px; margin: 2px 0 0 0; border-top: 1px dotted #BA9F79; line-height: 0px; font-size: 0; }


#wrapper2 {
  background: white !important;
	position: relative;
	width: 768px;
	padding: 0;
	text-align: left;
 	z-index: 1;
}
#wrapper2_top {
	position: absolute;
	top: 0;
	left: 0;
	width: 724px;
	height: 300px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	float: left;
	clear: none;
	background: transparent url(/img/secwrapper_tog_bg.gif) no-repeat;
	z-index: 4;
}


#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(/img/blank.gif) no-repeat;
	/* Trick IE into showing hover */
	display: block;
}

#prevLink {
	left: 0;
	float: left;
}

#nextLink {
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover {
	background: url(/img/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(/img/nextlabel.gif) right 15% no-repeat;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

.cb {clear: both;margin:0;height:0;}
.certifikaty p.fl {margin: 4px; padding:0;}
#content_left p.fl { float: left; }
address {font-style:normal;}
.partners {text-align:center;}
.partners a {border: none;}
.partners a img {border: none !important;}
.navbar a {text-decoration: underline; color: blue;}
div.navbar {margin: 0.5em;} 
         
fieldset {border: none;}
.ptcttt {border: 1px solid white; border: #e2e2e2 1px solid; padding: .3em;
width: 540px; text-align: center; float:left;margin: 3px; height:160px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ptcttt .galle {height: 160px; width:160px; background: white;float:left; padding-right: 1em; border-right: 1px solid #e5e5e5;}
.ptcttt .galle img {vertical-align: middle !important; border: 0;}
.ptcttt .pps {text-align:left; width: 350px; float:left;margin-left: 1em;}
.ptcttt .pps a.detail {font-size: 1.3em;font-weight: bolder; }

.ptc {border: 1px solid white; border: #e2e2e2 1px solid; padding: 1em;
width: 220px; text-align: center; float:left;margin: 3px; height:240px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ptc a:link, .ptc a:visited {text-decoration:underline;}

.ptc h3 {padding: .1em !important; margin:0 !important;}
.ptc a: img {border: none; text-underline: none;}
.ptc:hover { border: #e4e4e4 1px solid;}
.ndp {height: 50px;line-height:13px;clear:both;}
.ord1 {width:140px;float:left;}
#topbut {margin:1px 0 2em 0;padding:0;border-bottom: 4px solid #454C2D; }
#topbut h2 {margin: 0px;padding:1px;}
ul.help {margin-left: 2em !important;}
ul.help li {margin-left: 1em;list-style: square !important;}
ul.help li a:link, ul.help li a:visited {text-decoration: underline;display:inline;}
div.nadpis {height: 65px;}
form.fo label {width: 100px;float:left;}
form.fo input {width: 150px;float:left;}
div#med div {float:left; width:100px; margin: 3px;height: 170px;text-align:center;border: 1px solid #e2e2e2;
background: #AA9905;}
div#med div:hover {background: #e2e2e2;border: 1px solid black;}
div#med a {margin-top: 50px;}
div.ptc a img {border: none;}
span.rd, span.gr {color: white;padding: 1px 2px;}
span.gr {color: green;}
span.rd {background: red;}
div.rig { float:right;width: 240px; _width: 210px; border: 1px solid #e2e2e2;text-align:center; padding:.5em; }
div.rig a.detail {color:#666 !important;}
div.rig span.sklad {background: #fff;  padding: 0.3em; width: 182px;display:block;}
 
ul.unit {display:block;float:left;list-style: none!important;}
ul.unit li {float:left; width: 160px;margin: .4em;list-style: none !important;}
ul.unit li a{display: block; padding: 1.3em; margin: .4em; color: #666; }

.ewa a {color: brown !important;font-weight: bolder;}
.ptcsmall { text-align:center;width: 120px; height: 240px; float:left; font-size: 11px;margin:4px; padding: .3em; border: 1px solid #e2e2e2;}
.ptcsmall div {height: 100px;}


.ptc:hover {border: 1px solid #666;}
.ptcsmall h2 { font-size: 1.2em !important;
          margin: 0em 0;
          height: 90px;
          font-weight: bolder;
         
          display: block;}
.ptcsmall .ord {font-size: 1.3em !important;}          
          
.galle {height: 165px; background: white;}
.galle img {vertical-align: middle !important;}
#banners
{       float:left;
        width:465px;
        height:370px;
 }

#banners div
{z-index: 40;
        width:465px;
        height:344px;
        display:none;
        margin:0px;

}

#banners #banner2
{
        display:block;
}

#banners div span
{
        width:460px;
        position:relative;
        display:block;
        top:-17px;
        text-align:center;
        line-height:1.5em;
        left:10px;
        background:#fff;
        font-size:1.2em;
        padding:5px;
        opacity:0.7;//standard
        filter:alpha(opacity=50);//internet explorer
        -moz-opacity:.50;//older firefox versions
        
}
#banners div {text-align:center;}
#banners ul
{z-index: 440; 
        width:439px;
        height:28px; 
          color:black;
        margin:0 10px;
        padding: 4px;
}

#banners ul li
{
        display:inline;
        background: red;
        margin: 2px;
        padding: 3px;
        color:black;
}

#banners ul li a
{
        text-decoration:none;
        padding:5px 9px;
        line-height:2.5em;
        margin:5px;
        color:#fff;
        
        height:28px;
        font-weight:bold;
}

#banners ul li a:hover
{
        background:#fff;
        color:#000;  
}
.hps1 {
background: url(/img/a/hps1.jpg) no-repeat    transparent !important;
}
.hps2 {
background: url(/img/a/hps2.jpg) no-repeat  transparent !important;
background-position: 0px 0px !important;
}
.hps3 {
background: url(/img/a/hps3.jpg) no-repeat  transparent !important;
background-position: 0px 0px !important;
}
.hpsp {
background: url(/img/a/hpsp.jpg) no-repeat  transparent !important;
background-position: 0px 0px !important;
}
.hxbox {
background: url(/img/a/hxbox.jpg) no-repeat   transparent !important;
background-position: 0px 0px !important;
}
.hxbox360 {
background: url(/img/a/hxbox360.jpg) no-repeat   transparent !important;
background-position: 0px 0px !important;
}
.hwii {
background: url(/img/a/hwii.jpg) no-repeat   transparent !important;
background-position: 0px 0px !important;
}
.hds {
background: url(/img/a/hds.jpg) no-repeat  transparent !important;
background-position: 0px 0px !important;
}
.nor {   
background-position: 0px 0px !important;
}
#banners ul li.lid{color: white;font-weight: bolder; padding-left: 1em;}
div.fl {float:left;width: 500px; padding: 10px;}
p.fl ul, p.fl ul li { width: 180px;float:left;}
p.dsc {float:left; width: 330px;}
p.dsc strong {font-weight: bolder;color:red;   }

#show {float:left; height:218px; margin-top:26px;}
#show img {float:left; }
.brdcrmps a {text-decoration:underline;}
fieldset.orderf1, fieldset.orderf2 {border: 1px solid #e2e2e2; padding: .4em;}
fieldset.orderf1 legend, fieldset.orderf2 legend {border: 1px solid #e2e2e2; padding: .4em; background: #FFCCCC}

.ord44 {padding: .3em; text-align:left;}
.ord44 a.detail {font-size: 1.9em; text-decoration: underline; color: #666;}
.ord44 p {padding: .1em;}
.ord44 span {font-size: 1.8em;}
.ord44 strong {width: 150px; display:block;float:left;}
.rig ul  {margin-left: 1em !important;padding-left: 1em; display:block;}
.rig ul {list-style-type: square;margin-left: 1.5em !important; }
p.moznosti { font-weight: bolder;background: #e3e3e3; padding: .3em;
}
td.r {text-align:right;}
td.kusy {background: orange; color: brown; padding:.3em;font-weight: bolder;}
div.informacni {margin: 0 1em;background: #fdcaa0;padding:1.3em;
-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
tr.sel {background: orange;}
tr.sel1 {background: #f5e494;}
div#topp { 
width: 700px;
height: 118px !important;
float:right;
background: transparent;  
padding: 0 !important;
margin: 0;
  }
div#topp strong {color: white; }
div#topp h2 {font-size: 120%; color: #e4e4e4;}
div.find {  
float:right;
background:#171717;          
padding: 13px 2em 13px 2em;
margin:0;
width: 240px !important; 
height: 110px !important;
_height: 93px !important;
margin-top: 0px !important;  
  }
  div.find p {color: #e4e4e4; padding: 0; margin:0;}
  div.find p strong{color: #fff;font-weight: bolder; padding: 0; margin:0}
  
div.find label {float:left; width: 7em; color: white;} 
div.find input{ float:left; }
div.find h2{color: #e4e4e4;}
  
.parta{clear: both; float: left;/*float: left; width: 240px;*/ font-size: 113%;width: 500px;
border-bottom: 1px solid silver;}
 .parta span {padding: 100px 0 70px 0; font-size: 15em !important; display: block; float:right; }
  span.part1 {color: red !important;}
  span.part2 {color: blue !important;}
  span.part3 {color: green !important;}
  span.part4 {color: black !important;}
div.part address {float:left; display:block;}
.fr {float:right;}


a.ps2, a.ps3, a.psp, a.psone, a.xbox, a.xbox360, a.wii { display: block; float:left; margin: 2px;  
width: 100px; height: 120px; padding-top: 70px; border: 1px solid #2e2e2e2;}
a.ps2 {background: url(/img/2/ps2.png) no-repeat top center white;} 
a.ps3  {background: url(/img/2/ps3.png) no-repeat top center white;} 
a.psp  {background: url(/img/2/psp.png) no-repeat top center white;}
a.psone {background: url(/img/2/psone.png) no-repeat top center white;}
a.xbox  {background: url(/img/2/xbox.png) no-repeat top center white;}
a.xbox360 {background: url(/img/2/xbox360.png) no-repeat top center white;}
a.wii {background: url(/img/2/wii.png) no-repeat top center white;} 
a.ds {background: url(/img/2/ds.png) no-repeat top center white;} 

ul#konzole{margin:0;padding:0; float:left; width: 320px;}
ul#konzole li { border: 1px solid #e2e2e2; margin: 10px; }
ul#konzole li:hover {border: 1px solid #333; }

.ps2, .ps3, .psp, .psone, .xbox, .xbox360, .wii, .ds { 
display: block; float:left; margin: 10px; width: 120px; height: 80px; padding-left: 110px !important;
padding-top: 20px; 
border: 1px solid #2e2e2e2;}

li.ps2 {background: url(/img/2/ps2.png) no-repeat top left white;} 
li.ps3  {background: url(/img/2/ps3.png) no-repeat top left white;} 
li.psp  {background: url(/img/2/psp.png) no-repeat top left white;}
li.psone {background: url(/img/2/psone.png) no-repeat top left white;}
li.xbox  {background: url(/img/2/xbox.png) no-repeat top left white;}
li.xbox360 {background: url(/img/2/xbox360.png) no-repeat top left white;}
li.wii {background: url(/img/2/wii.png) no-repeat top left white;} 
li.ds {background: url(/img/2/ds.png) no-repeat top left white;} 
.fl {float:left;}
.cb {clear: both;}
.certifikaty p.fl {margin: 4px; padding:0;}
a:link.akce, a:visited.akce { margin-top: 2em; font-size: 1.7em;
clear: both; display: block;float:left; margin: 30px 0 0 0; height:0 !important; }
h3 {clear: both;}
img.fl {margin-right: 1em; padding: 2px 2px 2px 2px;}

div.odkazy {margin-top:20px; text-align:center;}
div.odkazy a:link img, div.odkazy a:visited img {border: 0 !important;}
#xtx { padding: 15px; }
#kontakta p
 {float:right; 
	width: 246px; height: 50px; color: #e7e7e7 !important; text-align:right;font-size: 1.3em;}
  
  div.seznamvyrobku {float:left; width: 300px; margin: 4px 0 0 00px; padding: .6em 0.6em; background: white; }
div.seznamvyrobku a.obrazek {width: 130px !important;  height: 130px; float:left; margin-top: .4em; margin-right: 4px;}
div.seznamvyrobku a.obrazek img {border: none; float:left; margin-top: .4em; margin-right: 4px;}
div.seznamvyrobku h2 {font-size: 130%; background: #e9e9e9; font-style: normal;
margin-bottom:0;padding: .3em .2em; height: 45px;}
div.seznamvyrobku p{margin:0; padding: 0;}
div.seznamvyrobku a.detail {text-decoration: underline;}
div.seznamvyrobku div.one {text-align:center; float: right;width: 120px;font-size: 130%;}
div.seznamvyrobku div.one a.koupit {font-size: 150%;}
div.seznamvyrobku div.one a {text-decoration: underline;}
div.seznamvyrobku div.one p {}