@media screen {
	body {
		background: #666;
	}

	header {
		background: transparent;
		color: #FFF;
	}

	header h1 {
		background: transparent;
		color: #fff;
	}

	#background {
		background: #FFF;
	}

	nav {
		background: #222;
	}

	nav .firstlevel ul {
		background: #222;
		background: rgba( 34, 34, 34, 0.9 );
	}
	nav li:hover {
		background-color: #4D87C7;
		color:#fff;
	}
	nav li:hover > a {
		color:#fff;
	}
	nav li.active:hover {
		background-color: #4D87C7;
		color:#fff;
		text-decoration:none;
	}
	nav .firstlevel > li:after {
		content: '|';
	}
	nav .firstlevel > li:last-child:after {
		content: '';
	}

	.quickbook {
		background: #222;
		background: rgba( 34, 34, 34, 0.9 );
		color: #FFF;
	}
	.quickbook.fixed {
		background: #333;
	}
	.quickbook .ym-form > div.hotel {
		display: none;
	}
	.quickbook.fixed .ym-form > div.hotel {
		display: none;
	}
	.quickbook.fixed .ym-form > div.date {
		padding-left: 1em;
	}

	.rates > div {
		background: #444;
		color: #FFF;
	}
	.rates .text {
		background: url( /includes_template4/img/offer-grad.png ) repeat-y left top;
		background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(255,255,255,0)));
		background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
		background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
	}
	.rates a, .rates a:hover, .rates a:focus {
		background: transparent;
		color: #FFF;
		text-decoration: none;
	}

	footer {
		background: transparent;
		color: #FFF;
		font-size: 90%;
	}
	footer nav {
		background: transparent;
	}

	.loggedin {
		color: #C00;
	}

	.gallery_simple {
		list-style-type: none;
	}
}

@media screen and ( max-width: 990px) {
	nav .firstlevel ul {
		background: #444;
	}

	.rates {
		background: #222;
	}

	.quickbook {
		background: #222;
	}
}

@media screen and ( max-width: 480px) {
	nav .firstlevel ul {
		background: transparent;
	}
	nav li:hover {
		background-color: transparent;
	}
	nav li.active:hover {
		background-color: transparent;
		color:#fff;
		text-decoration:none;
	}
	nav .firstlevel > li:after {
		content: '';
	}
}