body {
	font-family : Arial, Helvetica, sans-serif;
	color: #2c2c2c;
	background-color: black;
}

* {-moz-box-sizing: border-box; box-sizing: border-box;}

 
div.frame {
	position: relative;
	width: 804px;
	max-height:4000px;
	height: 1250px;
	border: solid rgb(100,162,2) 2px;
	background-color: rgb(1,125,0);
	background-image: url(images/frame_bg.jpg);
	padding: 0px 0px 5px 0px;
	margin-left: 5px;
}

div.frame_long {
	position: relative;
	width: 804px;
	height: 3200px;
	border: solid rgb(100,162,2) 2px;
	background-color: rgb(1,125,0);
	background-image: url(images/frame_bg.jpg);
	padding: 0px 0px 5px 0px;
	margin-left: 5px;
}

div.frame_cert {
	position: relative;
	width: 804px;
	height: 2650px;
	border: solid rgb(100,162,2) 2px;
	background-color: rgb(1,125,0);
	background-image: url(images/frame_bg.jpg);
	padding: 0px 0px 5px 0px;
	margin-left: 5px;
}

div.frame_ref {
	position: relative;
	width: 804px;
	text-align: left;
	border: solid rgb(100,162,2) 2px;
	background-color: rgb(1,134,2);
	padding: 320px 20px 20px 20px;
	margin-left: 5px;
}


div.header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 300px;
	background-image: url(images/header_2.jpg);	
	border-bottom: 4px solid rgb(100,162,2);
}


div.menu {
	background-image: url(images/menu.jpg);
	position: absolute;
	top: 320px;
	left: 18px;
	width: 180px;
	height: 290px;
	padding-top: 0px;
	
}

div.pocitadlo {
	position: absolute;
	right: 10px;
	bottom: 36px;
	z-index:3;
}

a.button,  a:visited.button{
	text-decoration: none;
	color: #2c2c2c;
	font-weight: bolder;
	border-bottom: 1px solid rgb(1,125,0);
	padding: 0px 5px 0px 0px;
	display: block;
	margin: 3px 0px 11px 0px;
}

 a:hover.button{
	color: #2c2c2c;
	text-decoration: none;
	font-weight: bolder;
	padding: 0px 5px 0px 0px;
	display: block;
	margin: 3px 0px 10px 0px;
	background-color: white;
	border-bottom: 1px solid rgb(1,125,0);
	border-top: 1px solid rgb(1,125,0);
	border-left: 2px solid black;
	border-right: 2px solid black;
}


div.text{
	position: absolute;
	text-align: left;
	top: 320px;
	right: 18px;
	width: 565px;
	height: 800px;
	padding: 0px;
	overflow: auto;
	background-image: url(images/text_background.jpg);	
	border: 1px solid black;
	border-top: 23px solid black;
	border-bottom: 2px solid black;
}

div.text_long{
	position: absolute;
	top: 320px;
	right: 18px;
	width: 565px;
	height: 2800px;
	padding: 0px;
	overflow: auto;
	text-align: left;
	background-image: url(images/text_background_long.jpg);	
	border: 1px solid black;
	border-top: 23px solid black;
	border-bottom: 2px solid black;
}

div.text_cert{
	position: absolute;
	top: 320px;
	right: 18px;
	width: 565px;
	height: 2250px;
	padding: 0px;
	overflow: auto;
	text-align: left;
	background-image: url(images/text_background_long.jpg);	
	border: 1px solid black;
	border-top: 23px solid black;
	border-bottom: 2px solid black;
}

hr.line {
	color="#2c2c2c"
}


p.text {
	text-align: left;
	margin-left: 15px; 
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #2c2c2c;
	line-height: 20px;
}


p.text_onas {
	text-align: justify;
	margin-left: 15px; 
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #2c2c2c;
	line-height: 20px;
}

a.button3,  a:visited.button3 {
	font-weight: bolder;
	font-size: 1em;
	color: #2c2c2c;
	text-decoration: none;
	margin-top: 3px;
}


a.button3:hover{
	color: white;
}

span.listing {
        position: absolute;	
	bottom: 16px;
        left: 250px;
	font-size: 0,5em;
}


img.mapa{
	margin: 20px;
	border: solid #2c2c2c 1px;
}

img.galerie {
	border: solid #2c2c2c 2px;
	background-color : rgb(106,167,12);
	text-decoration: none;
	position: relative;
	top: 0px;
}

a.galerie, a.galerie:visited {
	color: #2c2c2c;
}

img.foto {
	margin: 0px 15px 10px 15px;
	border: solid #2c2c2c 1px;
}

img.certifikat {
	margin: 5px 0px 10px 35px;
	border: solid #2c2c2c 1px;
}
	

div.footer {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 800px;
	height: 60px;
	font-size: 0.8em;
	text-align: left;
	padding-top: 3px;
	padding-left:5px;
	border-top: 2px solid rgb(100,162,2);
	background-image: url(images/footer.jpg);
}

a.button2,  a:visited.button2 {
	font-weight: bolder;
	font-size: 90%;
	padding: 1px 10px 1px 8px;
	color: #2c2c2c;
	text-decoration: none;
	border-right: solid #2c2c2c 2px;
}


a.button2:hover{
	color: white;
	text-decoration: underline;
}


h1 {
	font-size: 1,3em;
	color: #2c2c2c;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	text-align: center;
}


h2 {
	font-size: 1em;
	color: #2c2c2c;
	margin-left: 15px;
}


h3 {
	font-size: 0.8em;
	color: white;
}

h4 {
	font-size: 0.8em;
	color: white;
	margin: 10px 10px 10px 10px;
}


a {
	color: #2c2c2c;
} 

a:visited {
	color: #2c2c2c;
} 

a:hover{ 
	color: white;
}