html, body, p {
	color: #ccc;
	}
html { 
	background-color: ;
  background: #3e3b37 url(ui/bad-tour.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 0;
}
#obalka {
	background: transparent url('ui/banner.jpg') no-repeat scroll right top;
	}
article {
	background-color: hsla(0, 0%, 0%, 0.75);
	}
a, a:link, a:visited {
	color: #da4c00;
	color: hsla(13, 95%, 55%, 1);
	}
a:hover  {
	color: hsla(13, 5%, 90%, 1);
	}
#mainmenu a {
    text-shadow: 1px 1px 3px #000000;
	}
	
h1, #logo h2 {
	color: hsla(13, 5%, 90%, 0.6);
	text-shadow: 1px 1px 5px hsla(240, 100%, 0%, 0.2);
	}
#hlavni h1 {
	background-color: hsla(0, 0%, 0%, 1);
	}
h2 {
	color: hsla(18, 5%, 80%, 1);
	}
#hlavni h2 {
	background:  transparent url('ui/bgh.jpg') no-repeat scroll top center;
	}

h3, h4, h5, h6 {
	color: #bbb;
	color: hsla(18, 5%, 90%, 1);
	}

.cas {
	color: hsla(18, 5%, 75%, 1);
	}

#topcenter {
	background-color: hsla(240, 100%, 0%, 0.7);
	}

#kop  {
	background-color: hsla(240, 100%, 0%, 0.2);
	color: hsla(18, 5%, 65%, 1);
	}

#kop  strong {
	color: hsla(18, 5%, 75%, 1);
	}

#hlavni {
	background-color:  transparent;
	}

#prev {
	background:  transparent url('ui/bgh.jpg') no-repeat scroll center top;
	}
.listovani {
	background-color:  transparent;
	}
.tlacitko {
	background-color: hsla(0, 0%, 0%, 0.5);
	border: 0.2rem solid #da4c00;
	}
#archiv,
#prava,
article footer {
	background-color: hsla(0, 0%, 0%, 1);
	}
#archiv  h3 {
	background:  transparent url('ui/bgh.jpg') no-repeat scroll center top;
	}
.ramecek {	
	border: 0.1rem solid hsla(13, 5%, 90%, 0.7);	}

aside, footer {
	background-color: hsla(0, 0%, 0%, 0.5);
	}
footer p {
	color: hsla(13, 5%, 90%, 0.7);
	}
footer h6 {
	color: hsla(13, 5%, 90%, 0.7);
	}

  @media (max-width: 500px) {  
	#obalka {
		background: #000 url('ui/banner.jpg') no-repeat scroll right top;
		}	
	}