html
{
    background-color:       #000000;
    width:                  100%;
    height:                 100%;
}

body
{
    margin:                 0px;
    padding:                0px;
}

a { text-decoration: none; color: #74ab84 }

#header
{
	height:					181px;
	background:				url(../images/header-background.png) top left repeat-x;
}

#header-title
{
	margin:					0 auto;
	width:					821px;
	height:					181px;
	background:				url(../images/header.jpg) top left no-repeat;
}

#header-line
{
	width:					100%;
	height:					47px;
}

#header-line .bottom
{
	margin:					0 auto;
	background:				url(../images/header-bottom.jpg) top left no-repeat;
	width:					821px;
	height:					100%;
}

#content
{
	width:					100%;
	margin-bottom:			12px;
}

#page
{
	margin:					0 auto;
	width:					821px;
	font-family:    		'lucida grande', verdana, helvetica, arial, sans-serif;
    font-size:      		12px;
    line-height:			19px;
    color:          		#ffffff;
}

.menu
{
	width:					101px;
	text-align:				right;
	float:					left;
}

.menu ul
{
	line-height:			24px;
	list-style-type:		none;
	margin:					0;
	padding:				0;
}

.menu a { color: #888888; padding-right: 22px }
.menu a:hover { color: #bfbfbf; }

.menu ul li.active a
{
	background:						transparent url(../images/active.png) no-repeat scroll right bottom;
	color:							#ffffff;
	cursor:							default;
}

.main
{
	float:					left;
	width:					690px;
	padding-left:			30px;
}

.main .block { width: 100% }

.main h1
{
	text-indent:					-9999px;
	display:						block;
	width:							347px;
	height:							47px;
	margin-top:						-6px;
	margin-left:					-12px;
}
.main h1.index { background: url(../images/title-index.png) transparent no-repeat scroll top left }
.main h1.restaurace { background: url(../images/title-restaurace.png) transparent no-repeat scroll top left }
.main h1.oslavy { background: url(../images/title-oslavy.png) transparent no-repeat scroll top left }
.main h1.ubytovani { background: url(../images/title-ubytovani.png) transparent no-repeat scroll top left }
.main h1.zimni-sporty { background: url(../images/title-zimni-sporty.png) transparent no-repeat scroll top left }
.main h1.turistika { background: url(../images/title-turistika.png) transparent no-repeat scroll top left }
.main h1.cykloturistika { background: url(../images/title-cykloturistika.png) transparent no-repeat scroll top left }
.main h1.rybareni { background: url(../images/title-rybareni.png) transparent no-repeat scroll top left }
.main h1.fotogalerie { background: url(../images/title-fotogalerie.png) transparent no-repeat scroll top left }
.main h1.kontakt { background: url(../images/title-kontakt.png) transparent no-repeat scroll top left }

.block .text { width: 510px; float: left }
.block .text h2
{
	color:					#6fff43;
	font-weight:			bold;
	font-size:				12px;
	border-bottom:			solid 1px #1f1f1f;
	width:					100%;
	padding-bottom:			8px;
	margin-top:				0px;
}

.block .text p
{
	width:					100%;
	margin-bottom:			30px;
	line-height:			22px;
}

.block .image
{
	float: 					right;
	width: 					150px;
	height:					100px;
}

.block .image img
{
	width:					100%;
	height:					100%;
	border:					none;
}

.block .text-kontakt { width: 330px; float: left }
.block .text2-kontakt { margin-left: 30px; width: 320px; float: left; color: #afafaf }
.block .text2-kontakt input,
.block .text2-kontakt textarea
{
	width: 					320px;
	background-color:		#8f8f8f;
	border:					solid 1px #a7a7a7;
	margin-bottom:			16px;
	padding:				4px;
	font-family:    		'lucida grande', verdana, helvetica, arial, sans-serif;
    font-size:      		12px;
}
.block .text2-kontakt textarea { height: 120px }
.block .text2-kontakt button
{
	font-family:    		'lucida grande', verdana, helvetica, arial, sans-serif;
    font-size:      		12px;
    height:					30px;
    border:					solid 1px #7f7f7f;
    color:					#cfcfcf;
    font-weight:			bold;
    background-color:		#5f5f5f;
    cursor:					pointer;
}
.block .text2-kontakt button:hover { color: #ffffff }

.photo, .rphoto
{
	float:					left;
	width:					150px;
	height:					150px;
	margin-bottom:			30px;
}
.photo { margin-right: 30px; }

.photo .himg, .rphoto .himg { width : 150px; height: 100px; border: none; margin-top: 25px }
.photo .vimg, .rphoto .vimg { width : 100px; height: 150px; border: none; margin-left: 25px }

#map-contact 
{ 
	margin-top: 			20px; 
	width: 					328px; 
	height: 				220px; 
	background-color: 		#3f3f3f;
	border:					solid 1px #6f6f6f; 
	padding:				4px;
	margin-bottom:			42px;
}

#map-contact-content
{
	width:					100%;
	height:					100%;
}

#map-big
{ 
	margin-top: 			20px; 
	width: 					690px; 
	height: 				460px; 
	background-color: 		#3f3f3f;
	border:					solid 1px #6f6f6f; 
	padding:				4px;
	margin-bottom:			42px;
}

#map-big-content
{
	width:					100%;
	height:					100%;
}

#map-superbig
{ 
	margin-top: 			20px; 
	width: 					690px; 
	height: 				800px; 
	background-color: 		#3f3f3f;
	border:					solid 1px #6f6f6f; 
	padding:				4px;
	margin-bottom:			42px;
}

#map-superbig-content
{
	width:					100%;
	height:					100%;
}

.cleaner { clear: both }

#signature
{
	background-color:		#1f1f1f;
	width:					100%;
	height:					400px;
	border-top:				solid 1px #2f2f2f;
}

#signature-content
{
	margin:					0 auto;
	width:					821px;
	height:					100%;
	font-family:    		'lucida grande', verdana, helvetica, arial, sans-serif;
    font-size:      		12px;
    color:					#8f8f8f;
    line-height:			19px;
    background:				url(../images/signature.png) bottom left no-repeat;	
}

.links
{
	width:					181px;
	float:					left;
}

.links h3, .adsense h3, .info h3
{
	color:					#afafaf;
	font-weight:			bold;
	font-size:				14px;
	width:					100%;
	margin-top:				42px;
}
.adsense h3 { margin-left: 7px }

.links ul
{
	line-height:			24px;
	list-style-type:		none;
	margin:					0;
	padding:				0;
}

.links a { color: #666666; padding-right: 22px }
.links a:hover { color: #9f9f9f; }

.adsense
{
	width:					376px;
	height:					280px;
	float:					left;
}

.info
{
	float:					left;
}

#footer
{
	height:					56px;
	background:				url(../images/footer-background.png) top left repeat-x;
}

#footer-content
{
	margin:					0 auto;
	width:					821px;
	padding-top:			22px;
	font-family:    		'lucida grande', verdana, helvetica, arial, sans-serif;
    font-size:      		11px;
    color:					#8dba9a;
}

.left50, .right50
{
	width:					49%;
	float:					left;
}
.left50 { text-align: left }
.right50 { text-align: right }

.logo, .standards { float: left }
.logo a 
{ 
	background:						url(../images/logo-bw.png) transparent repeat scroll top left;
	text-indent:					-9999px;
	width:							28px; 
	display:						block;
	height:							28px;
	margin-top:						-4px;
	margin-right:					12px;
}
.logo a:hover {	background: url(../images/logo-color.png) transparent repeat scroll top left; }
.standards a 
{ 
	background:						url(../images/valid-bw.png) transparent no-repeat scroll top left; 
	display:						block;
	text-indent:					18px;
	font-size:						10px;
	color:							#8dba9a;
	margin-left:					12px;
	font-weight:					bold;
	height:							17px;
	float: 							left;
	margin-top:						2px;
}
.standards a:hover { color: #ffffff; background: url(../images/valid-color.png) transparent no-repeat scroll top left; }

.block .text em
{
	margin-left:					180px;
	font-style:						italic;
}