body {font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #FFFFFF; background-color: #000000;	margin: 0px;}
	
	#obal {
	width: 950px;
	}	
	#head-obal {
	height: 124px;	
	background-color: #454545;
	}	
	
	/* 1. radek  */ 
	
	#head-logo {
	float: left;	
	width: 260px;
	height: 97px;
	}	
	#head-banner {
	float: left;	
	width: 520px;
	height: 97px;
	}
	#head-kosik {
	float: left;	
	width: 170px;
	height: 97px;
	background-image: url("../img/bgd_kosik2.jpg");
    background-repeat: no-repeat;
	font-size: 0.8em;
	}	
	#head-kosik a{
	color: #FFFFFF;	
	}	
	
	#input_login {text-align: left; padding: 0.5em 0em 0.5em 1em; line-height: 1.5em;}
	#input_pass {text-align: left; padding: 0.5em 0em 0.5em 1em; line-height: 1.5em;}
	#error_login {text-align: right; padding: 0.5em 31px 0.5em 1em; line-height: 1.5em;}
	#lostpass_reg {text-align: left; padding: 0.5em 0em 0.5em 1em; line-height: 1.5em;}
	
	/* 2. radek */
	
	.topmenu {
    margin: 0; padding: 0; float: left;
    }	
	#head-2nd-left {
	float: left;
	width: 170px;
	height: 19px;	
	background-color: #454545;
	}	
	#head-2nd-menu1 {
	float: left;
	width: 215px;
	height: 19px;	
	background-color: #FFFFFF;
	color: #333333;
	}	
	#head-2nd-space {
	float: left;
	width: 55px;
	height: 19px;	
	background-color: #454545;
	color: #333333;
	}		
	#head-2nd-menu2 {
	float: left;
	width: 340px;
	height: 19px;	
	background-color: #FFFFFF;
	color: #333333;
	}	
	#head-2nd-reg {
	float: left;
	width: 170px;
	height: 19px;	
	background-color: #FFFFFF;
	color: #FFFFFF;	
	}	
	
	#sloupce-obal {
	width: 950px;	
	background-image: url("../img/obal-bgd.jpg");
    background-repeat: repeat-y;	
	}
	hr.cleaner {
  	clear:both;
  	height:1px;
  	margin: -1px 0 0 0; padding:0;
  	border:none;
  	visibility: hidden;
  	}
	#foot_out {
	width: 950px;
	height: 33px;
	background-image: url("../img/bgd_foot.jpg");
    background-repeat: no-repeat;
	}
	
	#foot_in {
	 padding: 0.5em;
	 font-size: 0.8em;
	}
	
	#copy02 {float: left; width: 520px; text-align: right;}
	#powered {float: left; width: 400px; text-align: right;}
	
	
	/* horizont menu */
	
	a#vinyly img
       {background-image: url(../img/vinyly.jpg);}
    a#vinyly:hover img
       {background-image: url(../img/vinyly-over.jpg);
	   background-position: 0 0;}
	
	a#cd-dvd img
       {background-image: url(../img/cd-dvd.jpg);}
    a#cd-dvd:hover img
       {background-image: url(../img/cd-dvd-over.jpg);
	   background-position: 0 0;}   
	
	a#technika img
       {background-image: url(../img/technika.jpg);}
    a#technika:hover img
       {background-image: url(../img/technika-over.jpg);
	   background-position: 0 0;}
	
	a#klepy img
       {background-image: url(../img/klepy.jpg);}
    a#klepy:hover img
       {background-image: url(../img/klepy-over.jpg);
	   background-position: 0 0;} 
	   
	a#booking img
       {background-image: url(../img/booking.jpg);}
    a#booking:hover img
       {background-image: url(../img/booking-over.jpg);
	   background-position: 0 0;}     
	
	a#guestbook img
       {background-image: url(../img/guestbook.jpg);}
    a#guestbook:hover img
       {background-image: url(../img/guestbook-over.jpg);
	   background-position: 0 0;}  
	   
	a#o-nas img
       {background-image: url(../img/o-nas.jpg);}
    a#o-nas:hover img
       {background-image: url(../img/o-nas-over.jpg);
	   background-position: 0 0;}  
	
	a#partylist img
       {background-image: url(../img/partylist.jpg);}
    a#partylist:hover img
       {background-image: url(../img/partylist-over.jpg);
	   background-position: 0 0;} 
	
	  
	a#registrace img
       {background-image: url(../img/registrace.jpg);}
    a#registrace:hover img
       {background-image: url(../img/registrace-over.jpg);
	   background-position: 0 0;}    
	 
	   
	/* menu se styly */
	
	#menu-vinyls a {
		display: block;
		width: 170px;
		text-align: left;
		margin: 1px 0px 0px 0px; padding: 5px 0px 5px 20px;		
		color: #FFFFFF;
		background: url("../img/kategorie.jpg") 0 0 no-repeat;
		text-decoration: none;
		font-weight: bold;
		}
	#menu-vinyls a:hover {	
	    display: block;
		background-position: -170px 0;
		color: #F7941D;
		background: url("../img/kategorie-vinyl-over.jpg") 0 0 no-repeat;
		font-weight: bold;
		}
	
	#menu-tech a {
		display: block;
		width: 170px;
		text-align: left;
		margin: 1px 0px 0px 0px; padding: 5px 0px 5px 20px;		
		color: #FFFFFF;
		background: url("../img/kategorie.jpg") 0 0 no-repeat;
		text-decoration: none;
		font-weight: bold;
		}
	#menu-tech a:hover {	
	    display: block;
		background-position: -170px 0;
		color: #66CCFF;
		background: url("../img/kategorie-tech-over.jpg") 0 0 no-repeat;
		font-weight: bold;
		}
		
	#reklama {
	padding: 20px 0px;
	}	
	
	/* levy sloupec */ 
		
	#levy-sloupec {
	width: 170px;
	float: left;
	}
	
	/* prostredni sloupec */
	
	#stred-vnejsi {
	width: 610px; 
	float: left;
	}
	
	#stred-vnitrni {
	padding: 10px;
	text-align: left;
	font-size: 0.9em;
	}
	
	#obsah-vinyl {
	height: 155px;
	width: 590px;	
	margin: 10px 0px;
	background-image: url("../img/bgd_vinyl_obsah.jpg");
    background-repeat: no-repeat;
	}
	
	#obsah-technika {	
	width: 590px;	
	height: 155px;
	margin: 10px 0px;
	background-image: url("../img/bgd_technika_obsah.jpg");
    background-repeat: no-repeat;
	}
	
	#obsah-technika-detail {	
	width: 590px;		
	background-image: url("../img/bgd_technika_obsah_detail.jpg");
	background-repeat: repeat;
	}
	
	/*  pravy sloupec */
	
	#pravy-sloupec {
	width: 170px;
	float: left;
	}	
	
	#support {
	height: 250px;
	width: 170px;
	text-align: left;
	background-image: url("../img/bgd_support2.jpg");
    background-repeat: no-repeat;
	text-align: left; padding: 0.5em 0em 0.5em 1em; line-height: 1.2em;
	}
	
	#party {	
	text-align: left; padding: 0.5em 0.5em 0.5em 1em; line-height: 1.2em;
	overflow: hidden;
	}
	
	#top-10 {	
	text-align: left; padding: 0.5em 0.5em 0.5em 1em; line-height: 1.2em;
	}
	
	.top10_obal {width: 150px;}
	.top10_obr {float: left; margin-right: 10px;}
	.top10_text {float: left;}
	.top10_br {clear: both; height: 10px;}
	
	#doporucujeme {	
	text-align: left; padding: 0.5em 0.5em 0.5em 1em; line-height: 1.2em;
	}
	#doporucujeme img {margin-bottom: 10px;}
	
	#gbook {
	font-size: 0.9em;
	border: 1px solid #000000;
	background-color: #373737;
	padding: 5px;
	margin: 0.5em;
	}
		
	.blue {font-weight: bold; color: #66CCFF;}
	.orange {color: #F7941D;}
	.green {font-weight: bold; color: #00F30C;}	
	.yellow {font-weight: bold; color: #F4FF7C;}
	.grey {color: #999999;}
	.grey a {color: #F7941D;}
	.grey a:hover {color: #F7941D;}
	.red {color: #FF0000;} 
	
	
	form {margin: 0px;}
	input,textarea,select {border: 1px solid #000000; background-color: #555555; color: #FFFFFF;}
	a {color: #FFFFFF;  text-decoration: none;}
    a:hover {color: #FFFFFF; text-decoration: underline;}	
	a.white{color: #FFFFFF;  text-decoration: none;}	
	a:hover.white{color: #FFFFFF; text-decoration: underline;}
	
	.paging {font-weight: bold; font-size: 1.0em; color: #999999;}
	.paging a{font-weight: bold; font-size: 1.0em; color: #999999;}
	
	.error {padding: 0.2em;	background-color: #FFFF00; border: 2px solid #FF0000; font-weight: bold; font-size: 0.9em; color: #FF0000;}
	.status {padding: 0.2em; background-color: #FFFFFF;	border: 2px solid #FFCC00; font-weight: bold; font-size: 0.9em; color: #000000;}	   	
	
	
	.submit {font-weight: bold; font-size: 0.9em;}
	.submit_search {font-weight: bold; background-color: #F7941D; color:  #000000; font-size: 1.3em;}
	.reset {color: #FF0000; font-weight: bold; font-size: 0.9em;}
	
	/* odebrat z kosiku */
	.cart_less {color: #F7941D; font-weight: bold;}	
	
    table {font-size: 0.9em;}	
	.tform {background-color: #373737;}
	.tform_light {background-color: #990000;}
  	
	.tech_detail_tbl {
	background-color: #464646;
	}
	
    div.thumbnail {
    /*background-color: #999999;*/
	/*background-image: url("../img/bgd_frontvinyl.jpg");
    background-repeat: no-repeat;*/
    float: left;
    width: 100px;
    height: 155px;
    margin: 8px 7px;
    text-align: center;
    font-size: 0.8em;
	display: block;	
    }
	
	div.thumbnail a {	 
	color: #F7941D;;
	text-decoration: none;
	}
    
	div.thumbnail a:hover {	 
	color: #F7941D;;
	text-decoration: underline;
	}	
	
	/* ------------------------------------------ seznam objednavek ----------------------------------------------- */
	
	.clear { clear: both; }
  span.bunka1  { 
    display: block; float: left; width: 345px; background: #444; border: 1px solid #555; padding: 5px;
    border-width: 1px 0px 1px 1px; margin-bottom: 2px;
  }
  span.bunka2  { 
    display: block; float: left; width: 220px; background: #444; border: 1px solid #555; padding: 5px;
    border-width: 1px 1px 1px 0px; text-align: right;    
  }  
  span.bunka2 a, .orange { color: #F7941D; }
  span.bunka3  { 
    display: block; float: left; width: 462px; background: #444; border: 1px solid #555; padding: 5px;
    border-width: 1px 0px 1px 1px; margin-bottom: 2px;
  }
  span.bunka3 strong { 
    display: block; float: left; width: 60px; margin-bottom: 4px;
  }
  span.bunka4  { 
    display: block; float: left; width: 103px; height: 72px; background: #444; border: 1px solid #555; padding: 5px;
    border-width: 1px 1px 1px 0px; text-align: right;    
  }
  span.bunka5  { 
    display: block; float: left; width: 345px; background: #aaa; border: 1px solid #ccc; padding: 5px;
    border-width: 1px 0px 1px 1px; margin-bottom: 2px; color: #000; font-weight: bold;
  }
  span.bunka6  { 
    display: block; float: left; width: 220px; background: #aaa; border: 1px solid #ccc; padding: 5px;
    border-width: 1px 1px 1px 0px; text-align: right; color: #000; font-weight: bold;    
  }  
  span.bunka7  { 
    display: block; float: left; width: 462px; background: #444; border: 1px solid #555; padding: 5px;
    border-width: 1px 0px 1px 1px; margin-bottom: 2px;
  }
  span.bunka7 strong { 
    display: block; float: left; width: 80px; margin-bottom: 4px;
  }
  span.bunka8  { 
    display: block; float: left; width: 103px; height: 54px; background: #444; border: 1px solid #555; padding: 5px;
    border-width: 1px 1px 1px 0px; text-align: right;    
  }
  span.text-skladem {
    display: block; padding: 2px; color: #fff; margin-top: 14px; text-align: right; font-size: 11px;
  }
  span.skladem_ano_obj  { background: #66CC00; }
  span.skladem_ne_obj  { background: #EC5E53; }