html {
background: #000000;
}


 
 

body {
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #fff;
	width: 100%;
	display: table;
	}

#container {
	width: 940px;
	margin: auto; 
	}


#stred {
	width: 740px;
	margin: auto;
	background: rgb(0,0,0);
	list-style: none;	 
	text-decoration: none; 
	list-style-type: none;
	}
#stred .player { 
	text-align: center;
	background: rgb(0,0,0);
	}
	
#stred .hlavicka h1 {
	width: 740px;
	margin-top:20px;
	height:20px;
	text-align: center;
	background: rgb(0,0,0);
	}
	
#stred .vstup { 
	margin-top:10px; 
	text-align: center;
	background: rgb(0,0,0);
	}
	
	#stred .vstup a { 	
	font-size:20px; 
	font-weight:bold;
	color:rgb(255,255,255);
	list-style: none;	 
	border:0px;
	text-decoration: none; 
	list-style-type: none; }
	
#stred .vstup a:hover { 	 
	color:rgb(255,0,0); 
  text-decoration: underline; }
	
	
		#stred .vstup img { 
	list-style: none;	 
	border:0px;
	padding-left:10px;  }
	
#header_section {
	width: 940px;
	height: 323px;
	background: url(images/header.jpg) no-repeat;
	}
/* Head Menu */

 

#menu {
	float: left;
	width: 210px;
	height: 20px;
	margin-left:740px;
	}

* html #menu{
	margin-left: 350px;
	}

#menu ul {
	float: left;
	width: 220px;
	margin: 0;
	padding: 7px 0 0 0;
	list-style: none;
	}


#menu ul li{
	display: inline;
	}

#menu ul li a{
	float: left;
	padding-left:10px;
	margin-left:5px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #7f7f7f;
	background:url(images/head_menu.jpg) no-repeat;
	}
	
	#menu ul li img{
	text-decoration:none;
	list-style: none;
	float: left; 
	margin-left:5px;
	margin-right:5px;
	margin-top:3px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #7f7f7f; 
	border:0px;
	}

#menu li a:hover, #menu li .current{
	color: #058fdd;
	}

/* Menu */

.ver_menu {
	float: right;
	width: 235px;
	margin: 80px 0px 0px 0px;
	}

* html .ver_menu {
	margin: 108px 20px 0px 0px;
	}

.ver_menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0px;
	width: 235px;
	}

.ver_menu li a {
	display: block;
	height: 25px;
	padding-top: 7px;
	color: #fff;
	padding-left: 50px;
	font-weight: bold;
	background: url(images/menu_button.jpg);
	text-decoration:none;
	}

.ver_menu li a:hover, .ver_menu li .current {
	background: url(images/menu_current.jpg);
	text-decoration:none;
	}
/* End of Menu */


 #shot {
	float: left;
	width: 210px;
	height: 20px;
	margin-left:260px;
	margin-top:80px;
	}
	
	
#content{
	float:left;
	
	background: #000000 url(images/spodok.png) repeat-y;
	 
	width: 940px;
	}
	
.obrazok2{	float:right;	  margin-top:-300px; margin-right:1px;	}

#left_section{
	float:left;
	width:260px;
	height:580px;
	background:url(images/left_content.jpg);
	margin:0px;
	border:0px;
	text-decoration:none;
	}

#left_section .validater{
	float:left;
	width:200px;
	height:120px;
	margin:30px 0px 0px 15px;
	text-align:center;
	border:0px;
	text-decoration:none;
	}

#left_section .validater a {
	color:#000000;
	text-decoration:none; 
	}

#left_section .validater a:hover{
	color:#fff;
	text-decoration:none;
	}

#center_section{
	float:left;
	width:380px;
	padding-top:5px; 
	}

#center_section .new{
	margin: 0px 10px 3px 10px;
	}

#center_section .new h2{
	color: #ffffff;
	font-size:16px;
	margin:0px;
	}

#center_section .new p{
	color: #fff;
	font-size:13px;
	text-align:justify;
	}

#center_section .new  a{
	color :rgb(0,0,0); font-weight:bold; font-size:12px;
	text-decoration:none;
	}
	
	#center_section .new  a:hover{
	color :rgb(255,102,0); font-weight:bold; font-size:12px;
	text-decoration:underline;
	}
	

#center_section .new  img{
	float:right;
	border:none;
	margin: 5px 10px 5px 0px;
	}

#center_section .new .product {
	margin: 0px 10px 0px 10px;
	width: 370px;
	height:80px;
	}

#center_section .new .product img{
	float:left;
	border:none;
	margin: 3px 0px 3px 5px;
	}

#center_section .new .product .product_text{
	float:left;
	margin-left: 5px;
	width: 375px;
	font-weight:bold; 
	}

#center_section .new .product .product_text h3{
	margin : 2px 0px 3px 0px;
	color: #000000;
	font-size:18px;
	font-weight:bold;
	}

#center_section .new .product .product_text p{
	margin : 0px 3px 0px 3px;
	color:#fff;
	font-size:13px;
	text-align:justify;
	}
	
	#center_section .new .product .product_text span{
	color:rgb(102,0,0); 
	}
	
	
	#center_section .new .product .product_text .obrazok{
padding: 5px; float: right;
	}

#center_section .new .product .product_text span a{
	color:#ff0000;
	font-size:11px;
	text-decoration:none;
	}

span.price {
	color: #333333;
	font-size:9px;
	margin:0px;
	}

span.detail {
	color:#ff0000;
	font-size:9px;
	text-decoration:none;
	}

#right_section{
	float:right;
	width:295px;
	height:auto; 
	}

.ver_menu2 {
	float: right;
	width: 235px;
	margin: 0px 0px 0px 0px;
	}

* html .ver_menu2 {
	margin: 108px 20px 0px 0px;
	}

.ver_menu2 ul {
	list-style-type: none;
	padding: 0;
	margin: 0px;
	width: 235px;
	}

.ver_menu2 li a {
	display: block;
	height: 25px;
	padding-top: 7px;
	color: #fff;
	padding-left: 50px;
	font-weight: bold;
	background: url(images/menu_button.jpg);
	text-decoration:none;
	}

.ver_menu2 li a:hover, .ver_menu li .current {
	background: url(images/menu_current.jpg);
	text-decoration:none;
	}
	
#right_section .hot{
	float:right;
	width:255px;
	height:160px;
	background:url(images/right_hot.jpg);
	margin: 0px 0px 0px 0px;
	}

* html #right_section .hot{
	margin-right:20px;
	}

#right_section .hot .hot_text{
	float:right;
	width:220px;
	height:130px;
	margin: 30px 10px 0px 0px;
	}

#right_section .hot .hot_text h2{
	color:#66d2ff;
	font-size:11px;
	}

#right_section .hot .hot_text p{
	color:#666;
	font-size:10px;
	text-align:justify;
	}

#right_section .hot .hot_text a{
	color:#66d2ff;
	text-decoration:none;
	}

#right_section .promotion{
	width:235px;
	height:auto;
	background: #000000 url(images/right_promotion.jpg) repeat-y;
	float:right;
	margin-right:0px;
	}

* html #right_section .promotion{
	margin-right:20px;
	}

#right_section .promotion h1{
	color :#ffffff;
	font-size:18px;
	margin-left:10px;
	}

#right_section .promotion h2{
	color :#fff;
	font-size:12px;
	margin-left:10px;
	}

#right_section .promotion p{
	color :#808080;
	font-size:11px;
	margin:0px 10px 0px 10px;
	text-align:justify;
	}

#right_section .promotion a{
	color :#fff;
	text-decoration:none;
	}

#right_section .promotion img{
	float:right;
	margin-right:20px;
	border:none;
	}
	
	
	.foto {
	margin-left:-5px;
	padding:px;
}

	
/*========================== LIGHTBOX =============================*/

#lightbox{position: absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox a img{ border:none;}
#outerImageContainer{position:relative; background-color:#dedede; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute; top:60%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}

#prevLink, #nextLink{width:49%; height:100%; background: transparent url(../pictures/blank000.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(pictures/predchadzajuci.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(pictures/dalsi.png) right 15% no-repeat; }

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; padding-top:6px; background-color:#999; margin:0 auto; line-height:1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%; float:left; text-align:left; color:#333;}	
#imageData #caption{font-weight: bold;}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose{width:66px; float:right; padding-bottom:0.7em;}	
		
#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 */}	html {
background: #000000;
}