* {
	margin: 0px;
	padding: 0px;
  }
  
html, body {
  height: 100%;
  padding: 0;
  margin: 0; 

}

body {
  background: #EEEEEE;
  background-image: url('../images/okraj.jpg'); background-repeat:no-repeat;background-position: center top ;
  text-align: center;
  color:black;
  font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
  font-size:0.8em;
}

#page {
	margin:auto;
	text-align:left;
	width:780px;
	background:transparent url('../images/bg.jpg') repeat-y;
	height:auto;
	min-height: 100%;
	_height: 100%; /* IE */ 
	position:relative;
}

#page_clear {
	margin:auto;
	text-align:left;
	width:780px;
	background:transparent url('../images/bg_clear.jpg') repeat-y;
	height:auto;
	min-height: 100%;
	_height: 100%; /* IE */ 
	position:relative;
}

#header_en {
	background:black url('../images/logo_en.jpg') top left no-repeat;
	width:756px;
	height:160px;
	position:relative;
	float:left;
}
#header {
	background:black url('../images/logo_cz.jpg') top left no-repeat;
	width:756px;
	height:160px;
	position:relative;
	float:left;
}

a {
color:#ce2121;
}

img {
	border:none;
}

h2,h3 {
	color:white;
}

h1 a {
	color:white;
	text-decoration:none;
}


.firstCol {
	width:200px;
	text-align:left;
}

#mail_form {
	width:100%;
}

#mail_form td{
	border:1px solid #5C778E;
	padding:4px;
	font-size:12px;
}

/********************************************************* MENU SEKCE *********************************************************/
div#menu {
	height: 36px;
	margin: 0;
	padding: 0;
	clear:both;
	position:relative;
	left:6px;	
}

div#menu ul.main-menu {
	list-style: none;
	color: White;
	margin: 0;
	padding: 0;
}

div#menu ul.main-menu li {
	float: left;
	text-align: center;
	line-height: 36px;
}

a.button {
	color: white;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	height: 36px;
	cursor: pointer;
	overflow: hidden;
	float: left;
}

a.button span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
	height: 36px;
	
}

a.uvod, a.uvod span {
  width: 154px;
	background: url(../images/btn/uvod.jpg) no-repeat left top;
  text-decoration:none;
}

a.uvod_active, a.uvod_active span {
  width: 154px;
  background: url(../images/btn/uvod.jpg) no-repeat 0 -36px;
  text-decoration:none;
}

a.nastroje, a.nastroje span {
	background: url(../images/btn/nastroje.jpg) no-repeat left top;
	width: 172px;
	text-decoration:none;
}

a.nastroje_active, a.nastroje_active span {
	background: url(../images/btn/nastroje.jpg) no-repeat 0 -36px;
	width: 172px;
	text-decoration:none;
}


a.prodej, a.prodej span {
	background: url(../images/btn/prodej.jpg) no-repeat left top;
	width: 96px;
	text-decoration:none;
}

a.prodej_active, a.prodej_active	 span {
	background: url(../images/btn/prodej.jpg) no-repeat 0 -36px;
	width: 96px;
	text-decoration:none;
}

a.cenik, a.cenik span {
	background: url(../images/btn/cenik.jpg) no-repeat left top;
	width: 96px;
	text-decoration:none;
}

a.cenik_active, a.cenik_active span {
	background: url(../images/btn/cenik.jpg) no-repeat 0 -36px;
	width: 96px;
	text-decoration:none;
}

a.hudba, a.hudba span {
	background: url(../images/btn/hudba.jpg) no-repeat left top;
	width: 96px;
	text-decoration:none;
}

a.hudba_active, a.hudba_active span {
	background: url(../images/btn/hudba.jpg) no-repeat 0 -36px;
	width: 96px;
	text-decoration:none;
}

a.informace, a.informace span {
	background: url(../images/btn/informace.jpg) no-repeat left top;
	width: 129px;
	text-decoration:none;
}

a.informace_active, a.informace_active span {
	background: url(../images/btn/informace.jpg) no-repeat 0 -36px;
	width: 129px;
	text-decoration:none;
}

a.uvod_en, a.uvod_en span {
  width: 126px;
	background: url(../images/btn/uvod_en.jpg) no-repeat left top;
  text-decoration:none;
}

a.uvod_active_en, a.uvod_active_en span {
  width: 126px;
  background: url(../images/btn/uvod_en.jpg) no-repeat 0 -36px;
  text-decoration:none;
}

a.nastroje_en, a.nastroje_en span {
	background: url(../images/btn/nastroje_en.jpg) no-repeat left top;
	width: 200px;
	text-decoration:none;
}

a.nastroje_active_en, a.nastroje_active_en span {
	background: url(../images/btn/nastroje_en.jpg) no-repeat 0 -36px;
	width: 200px;
	text-decoration:none;
}


a.prodej_en, a.prodej_en span {
	background: url(../images/btn/prodej_en.jpg) no-repeat left top;
	width: 85px;
	text-decoration:none;
}

a.prodej_active_en, a.prodej_active_en	 span {
	background: url(../images/btn/prodej_en.jpg) no-repeat 0 -36px;
	width: 85px;
	text-decoration:none;
}

a.cenik_en, a.cenik_en span {
	background: url(../images/btn/cenik_en.jpg) no-repeat left top;
	width: 108px;
	text-decoration:none;
}

a.cenik_active_en, a.cenik_active_en span {
	background: url(../images/btn/cenik_en.jpg) no-repeat 0 -36px;
	width: 108px;
	text-decoration:none;
}

a.hudba_en, a.hudba_en span {
	background: url(../images/btn/hudba_en.jpg) no-repeat left top;
	width: 86px;
	text-decoration:none;
}

a.hudba_active_en, a.hudba_active_en span {
	background: url(../images/btn/hudba_en.jpg) no-repeat 0 -36px;
	width: 86px;
	text-decoration:none;
}

a.informace_en, a.informace_en span {
	background: url(../images/btn/informace_en.jpg) no-repeat left top;
	width: 138px;
	text-decoration:none;
}

a.informace_active_en, a.informace_active_en span {
	background: url(../images/btn/informace_en.jpg) no-repeat 0 -36px;
	width: 138px;
	text-decoration:none;
}

a.button:hover, a.button:hover span {
	background-position: 0 -36px;
	text-decoration:none;
}
/**KONEC MENU SEKCE*************************************************************************************************/



/*********************************V OBSAHOVA SEKCE A AKTUALITY *********************************************/
#wraper {
	padding-left:7px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:67px;
}

#aktuality {
  float:left;  
  width:147px;
  text-align:left;
  padding:5px;
  
}

#aktuality h1{
	background:transparent url('../images/novinky.jpg') no-repeat left top;
	font-size:1em;
	padding-left:10px;
	line-height:23px;
}

#aktuality h2{
	font-size:12px;
	color:#DC3A47;;

}

#akt_cont {
	padding-left:10px;
	padding-right:10px;
	position:relative;
	width:130px;
	padding-bottom: 67px; /* vyska paticky */ 
}

.date{
	color:#CE2F2F;
	font-size:10px;
	padding-left:0px;
}

.akt {
	font-size:11px;
	color:black;
	padding-bottom:10px;
	padding-left:0px;
}

#obsah {
  position:relative;
  width:565px;
  float:right;
  right:7px;
  text-align:left;
  padding:5px;
  font-size:12px;
  margin-left:10px;
  padding-top:7px;
}

#obsah h1 {
	font-size:1.3em;
	padding-bottom:10px;

}

#obsah p {
	padding-bottom:10px;
}


/***obsah pro produkty**/
#wraper_product {
  padding:10px;
  padding-bottom: 67px; /* vyska paticky */ 
}


/***************************************************** TEST MENU KATEGORIE ******************************/

.urbangreymenu{
  position:relative;
  float:left;  
  width:155px;
  text-align:left;
  padding:5px;
  padding-bottom: 67px; /* vyska paticky */
}

.urbangreymenu .headerbar{
font: bold 12px Verdana;
background-color: #5C778E; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
}

.urbangreymenu .headerbar a{
font: bold 12px Verdana;
color:white;
background-color: #5C778E; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 3px 0 3px 5px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li a{
font: normal 11px Arial;
display: block;
color:black;
padding: 5px 0;
padding-left: 10px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited {
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

/***************************************************** TEST MENU KATEGORIE KONEC ******************************/


#vypis_kategorie {
  position:relative;
  width:560px;
  float:right;
  right:0px;
  text-align:left;
  font-size:12px;
  padding-right:35px;
  padding-bottom: 67px; /* vyska paticky */   
}

#vypis_kategorie h2{
	font-size:14px;
	
}



/*Vypis hudebni nastroje**/

.box {
	background:#EEEEEE none repeat scroll 0 0;
	border:2px solid lightgrey;
	float:left;
	height:130px;
	margin-bottom:10px;
	margin-left:0;
	margin-right:10px;
	width:255px;
	padding:5px;
}

.box h3 {
	font-size:12px;
	width:110px;
	overflow:hidden;
	font-size:12px;
	height:16px;
	overflow:hidden;
	width:250px;
	
}

.box a {
	color:black;
}

.box img {
	float:left;
	padding:2px;
	border:2px solid #999999;
	margin-right:5px;
	
}

.sm_description {
	font-size:10px;
	height:108px;
	overflow:hidden;
}

#detail {
width:560px;
 padding-bottom: 67px; /* vyska paticky */ 
 float:right;
padding-right:30px;
padding-top:5px;

}

#detail img {
margin:3px;
border:1px solid #999999;
}

#detail p{
	padding-left:5px;
}
#detail ul,ol{
	list-style-position:inside; 
	padding-left:10px
}


.h2block {
	display:block;
	background-color:#5C778E; /*#DA8A67*/
	line-height:22px;
	padding-left:5px;
	font-size:14px;
}

.h3block {
	background-color:#5C778E;
	display:block;
	line-height:16px;
	padding-left:5px;
	font-size:12px;
}

#prodej {
width: 715px;
padding-left:15px;

}

.prodej_box {
	border-bottom:3px solid #5C778E;
}


.prodej_box h1{
	font-size:18px;
	background-color:#5C778E;
	padding-left:5px;
	color:white;
	font-weight:normal;

}

.prodej_box table,p{
	padding-left:5px;
}

.price {
	color:#009933;
	font-weight:bold;
}

.prodej_detail {
	text-align:right;	
}

.price_detail td{
	width:345px;
}

#prodej_info img{
margin:3px;
border:1px solid #999999;
	
}

#prodej_info h1{
	font-size:18px;
	background-color:#5C778E;
	padding-left:5px;
	color:white;
	font-weight:normal;
}

#prodej_info h2 {
	font-size:15px;
	background-color:#5C778E;
	padding-left:5px;
	color:white;
	font-weight:normal;
}

#cenik th{
	color:white;
	background-color:#5C778E;
	padding:5px;
	font-size:11px;
}

#cenik td{
	padding:3px;
	font-size:11px;
}

.odd {
	background-color:#DFEFFB;
}

.even {
	background-color:white;
}

.id_col{
	width:25px;
	text-align:center;
}

.nazev_col{
	width:269px;
}

.cena_col{
	width:115px;
}

.detail_col {
	width:269px;
}


/********************************************************* OBSAHOVA SEKCE A AKTUALITY ************************************/

/********************************** SEKCE PATICKA *****************************************************************/
#footer_clear {
  background:transparent url('../images/footer_clear.jpg');
  width:756px;
  height:67px;
  position: absolute;
  bottom: 0;
  left: 0; 
  font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
  font-weight:bold;
  font-size:0.9em;
  clear:both;
  text-align:center;
}

#footer_clear_text {
	padding-top:27px;
	color:#CFCFCF;
}

#footer_clear_text a{
	
	color:#5C778E;
}

#footer {
  position: absolute;
  bottom: 0;
  left: 0; 
  background:transparent url('../images/footer.jpg');
  width:756px;
  height:67px;
  font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
  font-weight:bold;
  font-size:0.9em;
  clear:both;
  text-align:center;

}

#footer_text {
	padding-top:27px;
	color:#CFCFCF;
}

#footer_text a{
	
	color:#5C778E;
}

.nazev_col_hudba {
 width:245px;
}

.popis_col {
 width:310px;
}

.size_col {
width:50px;
text-align:center;
}

.date {
width:70px;

}

#hudba {
 width:100%;
 font-size:11px;
}
#hudba td{
 padding:2px 5px 2px 5px;
}

/********************************** KONEC SEKCE PATICKA *****************************************************************/

#alternative_languages {
width:24px;
float:right;
	
}

.error {
	color:red;
	font-weight:bold;

}


/******************************************* ADMIN MENU **************************************************************/
#admin_menu {
	width:700px;
	height:20px;
	padding-top:3px;
	margin-left:20px;
	background-color:white;
}

#admin_menu li{
	display:inline;
	padding-left:10px;
	padding-top:3px;
	height:20px;
	background:white;
}

#admin {
	padding-left:19px;
	width:700px;
}

#admin h3{
	background-color:#5A758C;
	padding:2px;
}
#form td{
	padding-left:10px;

}

#login h2{
	background-color:white;
	padding:5px;
	color:#5C778E;
}

#login table{
	text-align:right;
}


.sm_msg {
background-color:#CCCCFF;
border:1px solid black;
padding:15px;
text-align:center;
width:530px;
}


.msg {
background-color:#CCCCFF;
border:1px solid black;
margin-left:20px;
padding:15px;
text-align:center;
width:669px;
}

#kat_table{
	width:100%;
}

#galerie td{
	padding:3px;

}

#file_list {
  width:100%;

}

#file_list th {
  padding:2px;
  background-color:#5C778E;
  color:white;
}

#file_list td {
  padding:4px;
  font-size:9px;
  
}