body {
	margin: 0em; padding: 0em;
	color: #000000; background-color: #BF9060;
	font-family: "Verdena CE", Tahoma, Arial, sans-serif;
	font-size: 75%;
	text-align: center;
	line-height: 1.5; 
	background-attachment: fixed;
}
			
#main {
	margin: 1em auto; padding: 0;
	color: #000000; background-color: #FFFAE6;
	_width: expression(document.body.clientWidth > 900? "900px" : "auto" );

	width: 90%; 	max-width: 950px;
	text-align: left;
	border: 5px solid #ffeedd;
}

#hlavicka {	position: relative;	margin: 0;padding: 0; background-color: #BF9060; }

	#hlavicka span {display: none;}

	#hlavicka h1{
		margin: 0; padding: 0;
		position:relative;
		width:600px; height:160px;
		overflow:hidden;
	}
	
	#hlavicka h1 a {
		display:block;
		width: 600px; height: 160px;
		position:absolute; left:0; top:0; z-index:1;
		background: #BF9060 url("../layout/velvary3.png") top left no-repeat;
		margin:0; padding: 0;
	}
		
	#logo2  {
		width: 80px; height: 90px;
		position: absolute; right: 0; top: 0; z-index:1;
		margin: 0; padding: 0;
	}

	#logo2 a {
		display: block;
		position: absolute; right: 0; top: 0; z-index:1;
		width: 80px; height: 90px;
		margin: 0.5em; padding: 0;
		background: #BF9060 url("../layout/velvary4.png") top right no-repeat;
	}

#drobecky { font-size: x-small; margin:0; padding: 0.2em 2em 0.5em 2em;border-bottom: solid #BF8660 1px; }

#middle { 	margin: 0;	padding: 0;
	float: left;	
	width: 80%;
	min-height: 500px;
	_height: 500px;
 }
	#middle-content { margin: 0em; padding: 0 2em 1em 1.5em; float: left; font-size: 100%; }
	
	

#right { margin-left: 0 0 0 80%; padding: 0; }

	#right-content { margin-left: 80%;	padding: 1em; }

	#right-content div { margin-bottom: 1em; }
	#right-content div span { margin-bottom: 0.5em;display:block; background-color: #FFCC80; text-align: center; }
	#right-content div p { margin : 0.5em; line-height: 1.25em;}

	#right-content div ul { list-style-type: none;	margin: 0.5em; padding:0; }
	#right-content div li { margin: 0; padding: 0;	border: 1px solid #eeeeee;}
	#right-content div li a{ display:block; }


	
div#right-content .rand-foto { 
   	position : relative;
   	width: 200px;
   	border: solid 1px black;
	text-align:center;
	margin: 0;	padding: 0;
}
	
	
#paticka {
	clear: both;
	border-top: dashed 1px #8692B3;
	margin: 0;	padding-left: 1.5em;
	font-size: small;
}


a:link, a:visited  { color:#6078BF; }
a:hover { color:#809FFF; }
a:active { color:#809FFF; }

a[href^='http:'] {
	padding-right: 10px;
	background-image: url("../layout/out-link.gif");
	background-position: 100% 30%;
	background-repeat: no-repeat;
	}

a:hover[href^='http:'] {
	color: #f30;
	}


td { vertical-align: top; }


h1, h2, h3, h4, h5{ 
	margin-bottom:0;
	margin-top:0.5em;
	font-family: Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif;
	line-height: 1.5em;
	color: #BF8660; 
}

h1 { font-size: 2em;}
h2 { font-size: 1.75em; }
h3 { font-size: 1.25em; }

p.anotace {margin: 0em;}
p.svetly {margin-top:0; margin-bottom: 1em; font-size: x-small;}


img { vertical-align: top; text-decoration: none; border: 0; margin-bottom: 10px;}
a img { margin-right: 0.5em; margin-bottom: 0.5em;}
.fleft	{ margin-right: 1.5em; margin-top: 1.5em; float:left;}
.fright	{ margin-left: 1.5em;	float:right;}


.clearfloat { display: table; width: 100%; }
hr.clear { clear:both; display: none ; }
.small {font-size: x-small;}


.left 	{ text-align: left; }
.right 	{ text-align: right; }
.center { text-align: center; }
.justify{ text-align: justify; }

.bold 	{ font-weight:bold; font-size:x-small; }
.red 	{ color: red; }
.green 	{ color: green; }