@import url(http://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin,latin-ext);

body {
	background-image: url('../img/Melamine-wood-002.png');
	color: #FFFFFF;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 105%;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

div.empty-space{
   height:40px;
}

div.top{
  position:fixed;
  top:0px;
  left:0px;
  right:0px;
  height:40px;
 /* background-color:#eee;   */
  text-align: center;
   
  background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */      
}       

div.logo{
 /* height:300px; 
  background-image: url('../img/logo.png');
  background-repeat: no-repeat;    */
  float: left;
  width:150px;
  height:150px;  
  margin: 20px 20px 20px 20px;  
}   


div.logo img {
    width:100%;
    border:0px;
}

div.fb{
  float: right;
  width:250px;
  height:75px;  
  margin: 10px 10px 10px 10px;  
}   

div.fb img {
    height:75px;
    border:0px;
}

div.bottom{
  position:fixed;
  bottom:0px;
  left:0px;
  right:0px;
  height:40px;
 /* background-color:#eee;   */
  text-align: center;
   
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */        
}      


div.page {
  width: 1000px;
  margin: 0 auto;
  text-align:center;
  background-image: url('../img/transparent.png');
  /*padding: 10px 10px 10px 10px;   */
  color: #FFFFFF;  
}

div.main {
  width: 950px; 
  margin: 50px 20px; padding:0px;
 /* margin: 0 auto;
  /*padding: 10px, 10px, 10px, 10px;    /*margin-top:4px; margin-right:8px; margin-bottom: 2px; margin-left:18px.*/  
  color: #FFFFFF;
  text-align: left;
  
}

div.header{
  color: #FFFFFF;
  background-image: url('../img/pipa.jpg');    
  width: 1000px;
  height: 200px;     
}

div.paticka{
  color: #C0C0C0;   
  text-align: center;
  font-size:70%;    
}

div.menu0{     
  width : 750px;
  height : 5px;
  /*background-color:#ffc4de; */
  color: #000000; 
  float: right;
  text-align: left;
  font-size:120%;    
}

div.menu1{     
  width : 750px;
  height : 35px;
  /*background-color:#c3d9ff;*/
  background-image: url('../img/transparent70.png'); 
  float: right;   
  text-align: left;   
  font-size:125%;   
  padding: 5px 0px 0px 10px; 
}

div.menu2{     
  width : 750px;
  height : 55px;
  /*background-color:#cdeb8b;*/
  background-image: url('../img/transparent70.png'); 
  text-align: left;   
  float: right;    
  font-size:110%;
  padding: 5px 0px 0px 10px; 
}

span.average{     
  font-size:220%; 
  vertical-align: middle;  
  color: #f4c239; 
}

span.averageText{     
  font-size:100%; 
  vertical-align: middle;   
}

a.odkazyMenu{     
  color : #FFFFFF;
  text-decoration: none;  
}

a.odkazyMenu:hover { 
  color: #3366CC; 
  text-decoration: none; 
  /*text-decoration: underline;   */
} 


a.odkazy{     
  color : #FFFFFF;
  text-decoration: underline;     
}

a.odkazy:hover { 
  color: #3366CC; 
  text-decoration: underline; 
  /*text-decoration: underline;   */
} 

a.odkazy_zelene{     
  color : #cdeb8b;
  text-decoration: underline;     
}

a.odkazy_zelene:hover { 
  color: #3366CC; 
  text-decoration: underline; 
  /*text-decoration: underline;   */
} 

span.aktuality_nadpis { 
  color: #cdeb8b; 
  font-size:120%;
} 



/* STAR RATING */
	.star-rating{
		list-style:none;
		margin-left:5px!important;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		background: url(alt_star.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(alt_star.gif) left bottom;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(alt_star.gif) left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}


/*


background-color: #000000;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  
  background: rgba(0, 0, 0, 0.6);

*/