body {
	
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color:#1c1a1b;
}


h1 {
text-align:center;

	
	background-position:bottom;
	line-height: 60px;
	margin-top: 0px;
	color: #333333;
}
h2, h3 {
	margin-top: 0px;
	color: #333333;
	

}

h2 {
	font-size: 24px;
}

h3 {
	margin: 0;
	font-size: 16px;
}

h4, h5, h6 {

}

p, ol, ul, dl, blockquote {
	margin-top: 0;
}

a {
	color: #A7857C;
}

a:hover {
	text-decoration: underline;
}

/* Header */

#header {
	width: 950px;
	height: 149px;
	margin: 0 auto;
	background:url(../images/BG_HEADER01.jpg) no-repeat;
	

	
}

#header h1 {
	float: left;
	margin: 0;
	padding: 25px 0 0 20px;
	font-size: 32px;
}

#header h2 {
	float: right;
	margin: 0;
	padding: 45px 20px 0 0;
	font-size: 16px;
}

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


/* COAT */
#content {
	width: 950px;
	height:722px;
	margin: 0 auto;
	background:url(../images/BG_CONTENT.jpg) top no-repeat;
	
}
/* Menu */

#menu {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width:890px;
	height:420px;
	margin: 0px 30px 0 30px;
	padding: 20px 0px 0 0;
	
	
}

#menu ul {
	margin: 0;
	padding: 0;
	
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;

}

#menu li {
	display: inline-table;
	
}

#menu a {
	display: block;
	width: 200px;
	height: 25px;
	text-indent:8px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	padding: 5px 0px 5px 0px;
	text-transform: uppercase;
	color: #980B00;
	
	
}

#menu .first a {
	border: none;
}

#menu a:hover {
	text-decoration: underline;
	
}


/* COLoNE */



#colOne {
	float:right;
	width: 448px;
	margin:0px 5px 0 0px;
	padding: 0px 5px 5px 0px;
	}

#colOne h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	color: #FFFFCC;	
	padding-right: 4px;	
	padding-bottom: 5px;
	text-decoration:none;
	}
	
	#colOne h2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333333;
	text-decoration:none;
	}
	#colOne p{
	border: 1px  thin #333333;
	text-decoration:none;
	color:#333333;
	}


#colThree {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	width: 400px;
	margin:0px 5px 0 30px;
	padding: 0px 5px 5px 0px;
	border: thin 1px #333333;
	}

#colThree h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	color: #FFFFCC;
	padding-left: 4px;	
	padding-bottom: 5px;
	text-decoration:none;
	}
	
	#colThree h2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333333;
	padding-bottom: 10px;
	text-decoration:none;
	}
	#colThree p{
	border: 1px  thin #666666;
	text-decoration:none;
	color: #333333;
	}

/* Footer */

#footer {
	width: 950px;
	height: 80px;
	margin: 0 auto;
	background: url(../images/BG_FOOTER.jpg) top no-repeat;
	
}

#footer p {
	margin: 0px;
	text-align: center;
	color: #1C570A;
}


.img-wrapper {
margin: 20px 40px 0 0;
background: url(../images/shadow.gif) no-repeat bottom right;
float:left;
line-height:0;
}
 
.img-wrapper img {
float:none;
margin:0;
background:#fff;
padding:4px;
border:1px solid #C5BDBD;
position:relative;
left:-5px;
top:-5px;
}

/* used to ensure all our floated thumbnails stay the right width away from the left side of the box */

.thumbnails {
margin: 0 0 20px 50px;
}

/* spacer used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */

.spacer {
clear: both;
}

/* CSS for the ticked off links. Note, I am not ordering things in the LVHA way, as I prefer the visited tick to work above the arrow once visited. */

.cbSide ul {
list-style-type: none;
margin-top: 0px;
margin-left: 0;
margin-bottom: 0;
padding: 3px;
}

.cbSide li a:link {
color:#333;
line-height:150%;
text-decoration:none;
display:block;
width:154px;
border-bottom: 1px solid #EDEAEB;
background: #FFF url(ticks.gif);
}

.cbSide li a:active {
color:#333;
line-height:150%;
text-decoration:none;
display:block;
width:154px;
border-bottom: 1px solid #EDEAEB;
background: #FFF url(ticks.gif);
}

.cbSide li a:hover {
color:#990000;
line-height:150%;
display:block;
width:154px;
border-bottom: 1px solid #EDEAEB;
background: #FFF url(ticks.gif) 0px -20px;
text-decoration:none;
}

.cbSide li a:visited {
color: #999;
text-decoration:none;
line-height:150%;
display:block;
width:154px;
border-bottom: 1px solid #EDEAEB;
background: #FFF url(ticks.gif);
background-position: 0 -40px;
}

/* horizontal main menu navigation - based on a method from Richard Rutter */

 #mainNav
{
margin: 30px 0 0 0;
padding: 0;
width: 750px;
height: 35px;
font-weight: bold;
font-size: 90%;
}

#mainNav ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#mainNav li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#mainNav a
{
color: #D7D493;
display: inline;
width: auto;
text-decoration: none;
background: #000;
margin: 0;
padding: 10px 10px;
border-right: 1px solid #FFF;
}

#mainNav a:hover, #mainNav a:active { background: #D7D493;color: #000; }

#mainNav a.active:link, #mainNav a.active:visited
{
position: relative;
z-index: 102;
background: #BBB;
color: #D7D493;
font-weight: bold;
}






.box{
background: transparent url("../images/ctverecek_75.png") repeat left top; 
filter: alpha(opacity=75); 
text-align: left;
border:thin 1px #666666;
padding: 15px; 
border: #666666;

}