body{
	background:url(../images/bg_main.jpg) repeat-x #cccccc;
	text-align: center;
	font-family: Verdana;
}

a {
	text-decoration:none;
}

.clear {
	clear:both;
}
h2 {
	font-family: Verdana;
	font-size: 14px;
	text-align:justify;
	font-weight:bold;
	text-decoration: none;
	color: #333;
	line-height: 14px;
	padding-top:10px;
	padding-bottom:10px;
}
h4 {
	font-family: Verdana;
	font-size: 16px;
	text-align:justify;
	font-weight:bold;
	font-style:italic;
	text-decoration: none;
	color: #000;
	line-height: 14px;
	padding-top:15px;
	padding-bottom:5px;
	padding-left:15px;
}
* html h4 {
	padding-left:5px;
}
p{
	font-family: Verdana;
	font-size: 12px;
	text-align:left;
	text-decoration: none;
	color: #676767;
	line-height: 14px;	
}

form{
	margin-top:20px;
	margin-left:200px;
}
form input, form textarea {
	background:#FFFFFF url(../admin/images/form_bg.gif) repeat-x scroll left top;
	border:1px solid #D5D5D5;
	color:#333333;
	font-size:12px;
	padding:3px 6px 3px 6px;
	margin: 2px 0 1px 0;
	width:285px;
}
form input:focus, form textarea:focus {
	background:#BEBEBE;
	border:1px solid #fff;
	color:#000;
	font-size:13px;
}
form textarea {
	width:350px;
}
form td{
	font-size:13px;
}
input.subC {
	width:100px;
	margin-left:130px;
}
input.subC:hover {
	background:#BEBEBE;
	cursor:pointer;
}
#container {
	width:770px;
	margin:0 auto;	
	padding:0 5px 0 5px;
	min-height:800px;
	background-color:white;
	z-index:-1;
	text-align: left;
}
/*-------------------header-------------------*/
#header {
	height:108px;
	width:770px;
	background-color:#eaeaea;
	position: relative;	
}

#banner {
	height:81px;
	background-image:url(../images/logo.jpg);
}

#navigation {
	height:32px;
	background:url(../images/bg_meniu.jpg) repeat-x #f2c233;
	padding:0 0 0 14px;
}
#navigation li {
	float:left;
	display:block;
	margin:10px 0 0px 0;
	display: inline;
}
#navigation a {
	color:#000;
	display:block;
	font-weight:bold;
	font-size:0.7em;
	font-family: Verdana;
	padding:0 10px;
	border-left:1px solid #333;
	border-right:1px solid #333;
}
#navigation a:hover, #navigation li.active {
	background-color:#ebcd73;
}
#navigation a.active {
	background-color:#ebcd73;
}
/*        navigation second level   */
#navigation li ul {
	margin:0;
	padding:1px 1px 5px 0;
	list-style:none;
	background-color:#F6C73B;
	
	position:absolute;
	top:103px;
	border:1px solid #EFC130;
	border-top:none;
	z-index:200;
	left: -999em;
}
#navigation li:hover ul, #navigation li.sfhover ul {
	left: auto;
}
#navigation li ul li {
	width:170px; 
	clear:left; 
	width:170px;
}
#navigation .sec-15, #navigation .sec-15 li{width:95px;}
#picHolder {
	z-index:5;
	position: absolute;
	top:108px;
	left:0;
	width:770px;
	height:94px;
	background:url(../images/bg_under.png) no-repeat;
}
/*-------------------content------------------*/
#content {
	background-color:#F6E7D0;
	min-height:700px;
	margin-top:5px;
	padding-bottom:20px;
	overflow:auto;
	z-index:1;
	width:770px;
}
* html #content {
	margin: 0px 0 0 0;
	padding:1px 0px 0px 0px;
}
/*                                     sidemeniu                        */
#sideMeniu {
	padding:75px 5px 10px 10px;
	float: left;
	width:200px;
	height:100%;
}
#sideMeniu ul li{
	color:#E0A000;
	font-weight:bold;
	font-size:0.9em;
	margin-bottom:5px;
}

#sideMeniu ul li ul{
	padding-left:10px;
	margin:3px 0 10px;
	padding:5px 0 0 15px;
	font-weight:normal;
}
#sideMeniu ul li ul li{
	font-weight:normal;
}

#sideMeniu ul li ul a{
	color:#63633C;
	font-weight:normal;
	font-size:1em;
}
#sideMeniu ul a{
	color:#E0A000;
}
#sideMeniu a:hover{
	text-decoration:underline;
}
/*                                     sidemeniu  end                   */
#contentTxt {
	float: left;
	width:480px;
	padding:70px 20px 10px 20px;
}
#contentMain {
	padding:70px 20px 10px 20px;
}

.prodList {
	margin-left: 0px;
}
* html .prodList span {
	color: black;
	font-weight: normal; 
}

.itemDesc{
	float:left;
	padding: 10px 0 0px 5px;
	line-height:0.35em;
	width:300px;
	min-height:110px;
}

.prodList p{
	margin-left:175px;
	color: black;
}

.itemDesc p{
	margin:2px 0 3px 0;	
	padding:0;
}
.prodList a{
	float:left;
	color:#E0A000;
	font-weight: bold; 
	text-align:center;
	padding:7px 5px 7px 0px;
	font-size:0.9em;
}
.prodList a img{
	margin-top:4px;
	border:1px solid #ceb582;
	width:160px;
	height:120px;
	padding:2px;
	background-color:#FFF;
}

#back {
	text-align:left;
	margin-left:10px;
	margin-top:20px;
	padding: 0 0 10px 0;
}
#back a {
	font-style:italic;
	text-align:left;
	color:#E0A000;
	font-weight: bold;	
}

#more {
	text-align:left;
	margin-left:10px;
	margin-top:20px;
	padding: 0 0 10px 0;
}
#more a {
	background-color: #E0A555;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    text-align: left;	
}

/*-------------------product page-------------------*/
#product {
	width:770px;
	text-align:center;
}
* html #product {
	padding-top:0;
}
#product img {
	padding: 0 2px 2px 2px;
	border:1px solid #fff;
	
	width:764px;
	height:700px;
}
* html #product span {
	color: black;
	font-weight: normal; 
}
#product p {
	padding:2px 0 3px 25px;
	color: black;
}

#product span.strike {
	text-decoration: line-through;
}

#gam {
	padding:2px 0 20px 5px;
}
/*-------------------footer-------------------*/
#footer {
	font-size:0.8em;
	color:#666;
	padding:10px 0 8px 5px;
	text-align:center;
}
#footer a{
 color:#666;
}

#bgfooter{
	background:url(../images/bg_footer.png) no-repeat;
	height:100px;
	width:770px;
	margin:0 auto;	
	padding:0 5px;
}
* html #bgfooter{
	width:780px;
}
/*                        gallery                       */



.gallery {
	margin: 0 0 0 5px;
}

.gallery.dev{
	margin: 0 0 0 5px;
	width:190px;
	float:left;
	text-align:center;
}

.gallery a{
	float:left;
	color:#E0A000;
	font-weight: bold; 
	text-align:center;
	height:165px;
	padding:7px 5px 7px 0px;
	width:186px;
	font-size:0.8em;
	position:relative;
}
.gallery a span{
	position:absolute;
	font-size:1.5em;
	top:110px;
	right:15px;
	z-index:100;
	color:#AD002D;
	line-height:28px;
	text-shadow: 0px 0px 2px #fff;
}
.gallery a span.str{
	position:absolute;
	font-size:1.3em;
	top:85px;
	right:15px;
	z-index:100;
	color:#AD002D;
	line-height:28px;
	text-shadow: 0px 0px 2px #fff;
	text-decoration: line-through;
}
.gallery.dev a{
	float:none;
	clear:both;
	padding: 0 0 0 0;
}
.gallery.dev a img.logo{
	width:180px;
	height:auto;
	min-height:60px;
	border:none;
	background-color:#F6E7D0;
}
.gallery a img{
	margin-top:4px;
	border:1px solid #ceb582;
	width:180px;
	height:130px;
	padding:2px;
	background-color:#FFF;
}

div.devLogo {
	height: 180px;
}

/*  slider */


#slider1 {
    width: 770px; /* important to be same as image width */
    height: 290px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 770px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}

* html #slider1Content {
	top: -5px;
}

.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: -99999px;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: -99999px;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}


#dialog-overlay { 
  
    /* set it to fill the whil screen */
    width:100%;  
    height:100%; 
      
    /* transparency for different browsers */
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;  
    -khtml-opacity: 0.5;  
    opacity: 0.5;  
    background:#000;  
  
    /* make sure it appear behind the dialog box but above everything else */
    position:absolute;  
    top:0; left:0;  
    z-index:3000;  
  
    /* hide it by default */
    display:none; 
} 
  
  
#dialog-box { 
      
    /* css3 drop shadow */
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
      
    /* css3 border radius */
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
      
    /* styling of the dialog box, i have a fixed dimension for this demo */ 
    width:770px;  
    height:290px;
      
    /* make sure it has the highest z-index */
    position:absolute;  
    z-index:5000;  
  
    /* hide it by default */
    display:none; 
    
    padding-top: 280px;
} 
  
#dialog-box .dialog-content { 
    /* style the content */
    text-align:left;  
    padding:0px;  
    margin:0px; 
}