/************************************************** LAYOUT */

body, html 
  {
  margin: 0; padding: 0;
  }

	
body 
  { 
	background: url("img/bg.jpg") repeat-y center top;
  background-color: #000000;  /* #666666,#A3DCF9,#CFCED3,#344E89p??padn? barva pozad? ?ern? */
  
	color: #000000;
  text-align: center;
	font-family: Trebuchet MS,Tahoma;
	font-size: 9px;
	
	}

table	{ font-size: 12px; font-type: Arial,; }	
	
p  { padding: 0.5em; margin: 0; font-size: px;  }	
h1 { padding: 0 0 0.5em 0; margin: 0; font-size: 18px; font-weight: bold; text-align:center}
    /* povodne h1 { padding: 0.5em; margin: 0; font-size: 1.3em; font-weight: normal; }*/
h2 { padding: 0.5em 0; margin: 0; font-size: 16px; font-weight: bold; color: #B9BAB3}
h3 { padding: 0 0 0.5em 0; margin: 0; font: 14px; font-weight: bold; color:#000000; }

#nadpis1  { 
			width: 100%;
			height: 30px;
			background-color: ;
			background-image: URL("img/bg_nadpis3.gif");
			background-repeat:repeat-y;
			text-align: center; 
      z-index: 0;
			margin-bottom: 15px;
			}
			
			
#nadpis1_content	
      {
		  color: #ffffff;
			padding:0.5em;
			font-size: 13px;
			font-weight: bold;
			font-family: Trebuchet MS;
			margin:px;
      }
			




img { border:0 ; margin: 0}
#imgtuning {border-top:0px double #666666;
            border-right:3px double #cccccc;
						border-bottom:3px double #cccccc;
						border-left:0px double #666666;
						margin:2px
						}

a:link {
       color:  #003366;
       text-decoration: underline;
			 font-weight:bold;
				   
			 
			 }
	 
a:visited {
       color:  #003366;
       text-decoration: underline;
			 font-weight:bold;	 
			 
			 }
	 
a:hover {color: #336666;
         text-decoration: none;
				
			  }


.datum {
        font-size: 9px;
        color: #cccccc;
			 }
			 
.popis {margin:;
			 	padding: 0.5em;
        font-size: 11px;
        color: #333333;
				font-style:;
				font-family: Arial;
			 }			 

		
		
		/*všetky obyčajné odkazy na webe  #993300 class="default"*/
	   
a.default, a.default:visited
       { color: #993300;
			   font-weight: ;
			   text-decoration: none;
				 border-bottom-width: 1px;
				 border-bottom-style: dashed;
				 border-bottom-color: #993300; 
			}
				 
a.default:hover  
			 { font-weight: bold; 
			   color:  #333333;
				 text-decoration: none;
				 border-bottom-width: 1px;
				 border-bottom-style: dashed;
				 border-bottom-color: #333333; 
				 
				 }			
		
			/*   end  */ 

			
			
			
/* TABULKY */

#default {border: 0px solid #003366; background-color: }

			
			
			
			
			
			
			
			
			
			
			
#all  { 
			position:relative;
			margin: 0 auto;	
			width: 875px;
			height: ;
			background-color: ;
			background-image: URL("img/");
			background-repeat:repeat-y;
			border-bottom: 0px;
			border-color: red; 
			text-align: left; 
      z-index: 0;
			
			 }
	

 


	
	
	
#hlavicka  { 
			position:relative;
			margin: 0 0 0 0 ;	
			width: 875px;
			height: 185px;
			background-color: ;
			background-image: URL("");
			z-index: 0;
			}
	
	
#hlavicka_extra  { 
      background-image: URL("img/baner.jpg");
			position:absolute; 
			margin: 0 0 0 -7px; 
			width: 890px; 
			height:185px;
			z-index: 5;
			}	



#topskutre  { 
      position:relative;
			margin: 0px ;	
			width: px;
			height: px;
			background-color: ;
			background-image: URL("img/");/*bg_topskutre.jpg*/
			z-index: 5;
			text-align: center;
			
			}	


				 			
		
			
#main_table		{
      margin: 0 0 0 0;
			position:relative;
			width:875px;
			background:;
			background-image: URL("");
			font-size: 12px;
			text-align: justify;
			border:0px solid #006633;
			z-index:6 ;
			font-weight: ;
			
			}
			
#td_left { 
			position:relative;
			margin: 0 0 0 0 ;	
			padding: 0 0 0 0;
			width: 160px;
			height: px;
			background-color: ;
			background-image: URL("img/");
			z-index:200;
			font-family:Tahoma;
			font-size: 10px;
			}	
	
#td_right { 
			position:relative;
			margin: 0 0 0 0 ;	
			padding: ;
			width: 160px;
			height: px;
			background-color: ;
			background-image: URL("img/");
			z-index: ;
			}		


#td_right2 { 
			position:relative;
			margin: 0 0 0 0 ;	
			width: 15px;
			height: 149px;
			background-color: ;
			background-image: URL("img/");
			z-index: ;
			}					
			

#td_center { 
			position:relative;
			margin: 0;	
			padding: 0;
			width: ;
			height:;
			background-color: #ffffff;
			background-image: URL("img/");
			text-align: justify;
			z-index: ;
			
			}			
	
	
	
#dark_left {
      position:relative;
			margin: 5px ;	
			padding: ;
			width: 150px;
			height: px;
			background-color: ;
			background-image: URL("img/bg_menu.jpg");
			text-align:left;
		  }
	
#okraj	{
			padding: 10px;
      margin:0px;
			font-size: 10px;
			color:#ffffff;
			background-color: ;}
	
	
	
	

		
			
			
			
			
#reklama_banner1  { 
			margin: 10px 0 0 0;
			
			}
			


			
#extra_peta  { 
			position:relative;
			width: 875px;
			height: 25px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			background-color:#000000 ;
			background-image: URL("img/spodna_lista5.jpg") ;
			background-repeat: no-repeat;
			text-align: left; 
			font-family: Tahoma;
			font-size: 10px;
      color:#ffffff;
			}
			
			
			
#extra_peta a:link, #extra_peta a:visited
       { color: #cc9966;
			   font-weight: ;
			   text-decoration: none;
				 border-bottom-width: 1px;
				 border-bottom-style: dashed;
				 border-bottom-color: #cc9966; 
				 
			}
				 
#extra_peta a:hover  
			 { font-weight: ; 
			   color:  #a2ccd6;
				 text-decoration: none;
				 border-bottom-width: 0px;
				 border-bottom-style: dashed;
				 border-bottom-color: #a2ccd6; 
				 
				 }	
		
#lista	{ 
			display:none;
			position:relative;
			width: 951px;
			height: 20px;
			margin: 10px 0 0 0;
			padding:;
			background-color: ;
			background-image: URL("img/horna_lista3.gif") ;
			background-repeat: no-repeat;
			text-align: center; 
      color:#ffffff;
			}
		
		
		
			
		
		
				 
/* Tovar */			
		
		
/* ================================================================ 

===================================================================  #fff*/				 
#medzera	{
      position:relative;
			margin:;	
			padding: 0.5em;
			width: ;
			height: ;
			background-color: ;
			text-align:left;
		
		 }	


#medzera2	{
      padding: 1.0em;
			}			 


		 
#antre	{
  color: #666666;
  padding: 0.5em;
	font-weight:bold;
	font-family:  Trebuchet MS; 
	font: Arial;
	font-size: 11px;
	border: 0px dashed #0066cc;
		}	 
				 
#piaggio_bg {background: url("img/piaggio_bg.jpg"); }
#vespa_bg {background: url("img/vespa_bg.jpg") ; background-color:#ffffff ; }
#gilera_bg {background: url("img/gilera_bg.jpg") ;}
#aprilia_bg {background: url("img/aprilia_bg.jpg") ;}	
#default_bg {background: url("img/") ; background-color:#ffffff ;}
	

	
#tabulka_motorky {
  margin:0 0 30px 0 ;
	width:280px;
	background: url("") ;
  background-color: #ffffff; 
	color: #000000;
  font-weight:;
	font-family:  Arial; 
	font: Arial;
	font-size: 11px;
	border: 0px dashed #cccccc;

    }

		
#menu   {font-weight :bold; color:#ffffff; background-color:#333333; border: 0px solid #000000}
#riadky {background-image: url("img/bg_tabulka1.gif"); background-color: #cccccc; 
        }		
		
.nazovtovaru 	{	
  color: #009900;
  font-weight:bold;
	font-family: Arial ;
	font-size: 15px;
		}
		
		
		
#tenka  {
         position: relative;
         margin: 0 0 15px 0;
         width:100%;
         height:2px;
				 background-color:#cccccc;;
				 border: 2px dashed #cccccc;
				 font-size: 2px;
        }	
		
#logavyrobcov{
        margin:5px
				}

#zoznam { list-style: url("img/zoznam.gif") ;
			   
        }
		
/*		
		
.cena_tovaru_preskrtnuta {
    text-decoration: line-through;
		color: #cc0000;
}

.cena_tovaru {
    color: #003366 
}
		 
				 
.cena_tovaru_euro {
    color: #333333 
}				 
				 
*/		 
				 
				 
				 
				 
				 
				 
				 
				 
				 
				 
				 
				 
				 
				 
				 
				 
/* menu general */			
		
		
/* ================================================================ 

===================================================================  #fff*/

#boxmenu {position: relative; width:120px; height:180px; border:0px solid #cc0000; border-color:#003366 #ffffff #ffffff #003366;  margin:10px 0 50px 10px; z-index:200 
          
         }
#nav, 
#nav ul {width:120px; float:left; padding:0 0 0 0; margin:0; list-style:none; font: 11px tahoma,verdana, sans-serif; font-weight :bold; border:0px dashed #999999; /*border-color:#cccccc #cccccc #cccccc #cccccc; border-width:0px 0px 0px 0px; */
background-image: URL("") ; background:; position:relative; z-index:21;
          
}

#nav li li {background:#666666; filter:alpha(opacity=93); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=93); -moz-opacity:0.9; }
/* a hack for IE5.x and IE6 */
* html #nav li {float:left;}

#nav li a {display:block; color:#ffffff; margin:0 5px 0 5px; height:20px; line-height:20px; 
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #ffffff; 
white-space:nowrap;}

#nav li:hover {position:relative; z-index:22;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {left:-1px; margin-left:100%; top:-1px;}                            /* treba zmeniť tento riadok*/
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a { text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #cccccc;
color:#006600;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-1px; margin-left:100%; top:-1px;}                                                /* a tento tiež na spravne rozrolovanie:) */  

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #ff9933;
color:#ff9933;
}
/*toto je hlavne menu a href*/



/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#ffffff;}
	/*toto sú rozrolované odkazy a link*/		
		
		
		
		
		
/*-----End----------*/		
		
		
/*		
			 
#boxmenu {
			position:absolute; 
			margin: 35px 0 0 150px ;
			width:50px ; 
			height:100px ;
			background-image: ; 
			background-color: ; 
			z-index: 13		;	 
			color: #cccccc;
			list-style:none;
			border:0px solid #ffff00	;
			font-size: 12px;
			font-weight: bold;
			text-align:left;
			line-height: 16px;
			}
	


#menu a:link, #menu a:visited
       { font-weight: ;
			   text-decoration: none; 
			   color: #fefefe}  
#menu a:hover  
			 {  
			   color:  #a2ccd6;
				 text-decoration: none;
				 border-bottom-width: 1px;
				 border-bottom-style: dashed;
				 border-bottom-color: #a2ccd6;
				 
			 }	
			 

*/



			
#all_admin { 
			position:relative;
			padding: 1.5em;
			margin: 0 auto;	
			width: 800px;
			height: ;
			background-color: ;
			background-image: URL("img/");
			background-repeat:repeat-y;
			border-bottom: 0px;
			border-color: red; 
			text-align: left; 
      z-index: 0;
			font-size: 12px;
			
			 }

#obsah {
       background-color: ;
       padding: 1.5em;
			 border: 1px dashed #003366;
       }

#admin_menu {
  color: #ffcc66;
  font-weight:bold;
	font-family: Tahoma,Arial,System, ,Tahoma, sans-serif,lucida, Geneva CE,;
	font-size: 11px;
  padding: 0.5em;  
	background-color:#333333 ;
	border: 1px dashed #ffff00}

#admin_menu a:link, #admin_menu a:visited
       { color: #ffcc66;
			   font-weight: ;
			   text-decoration: none;
				 border-bottom-width: 1px;
				 border-bottom-style: dashed;
				 border-bottom-color: #cc9966; 
				 
			}
				 
#admin_menu a:hover  
			 { font-weight: ; 
			   color:  #cccccc;
				 text-decoration: none;
				 border-bottom-width: 0px;
				 border-bottom-style: dashed;
				 border-bottom-color: #a2ccd6; 
				 
				 }				


a.upravy, a.upravy:visited
       { color: #993300;
			   font-weight: ;
			   text-decoration: none;
				 border-bottom-width: 1px;
				 border-bottom-style: dashed;
				 border-bottom-color: #993300; 
			}
				 
a.upravy:hover  
			 { font-weight: bold; 
			   color:  #333333;
				 text-decoration: none;
				 border-bottom-width: 1px;
				 border-bottom-style: dashed;
				 border-bottom-color: #333333; 
				 
				 }							 
	
