/* 
MSX Design (c)2008
Farby:
Hneda #996633
Siva #666666
*/


body {
	font-family: Century Gothic, Lucida;
	font-size: 13px;
	color: #333333;
	margin: 0;
	background: #cccccc;
}

#main {
	width: 1000px;
	position: absolute;
	left: 50%;
	margin-left: -600px;
}

#content_base {
	width: 1000px;
	height: 100%;
	background:#fff url('images/bg_pattern.jpg') top repeat-y;
}

.content {
	position: relative;
	width: 450px;
	margin-top: 440px;
	margin-bottom: 0px;
	padding: 30px 30px 30px 370px;
	z-index: 80;
}
.content_portfolio {
	position: relative;
	width: 500px;
	margin-top: 440px;
	margin-bottom: 0px;
	padding: 30px 0px 0px 385px;
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 365px;
	background: url('images/header.jpg');
	cursor: pointer;
	margin-left: 0px;
	padding: 0;
}

#menu_base {
	position:absolute;
	margin-top:365px;
	padding:0;
	width: 1000px;
	height:272px;
	background:url('images/menu.jpg');
}

#footer	{
	position:relative;
	width:1000px;
	height:317px;
	margin: 0px;
	background: url('images/footer.jpg');
}

.fotky {
		display: table;
		width:450px;
		height: 100%;
		margin-left: 0px;
}

.linky{
	margin-left: 50px;
}

.mapa {
  float:right;
}

.img_nahlad
{
width: 140px;
height: 140px;
margin: 0px 0px 0px 0px;
	
}

.img_nahlad:hover
{
width: 140px;
height: 140px;
margin: 0px 0px 0px 0px;
}

div.foto {
	float: left;
	width: 182px;
	height: 212px;
	padding: 20px;
	margin: 0px 0px 0px 0px;
	padding-right: 20px;
	background: url('images/foto.jpg') no-repeat;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	z-index: 50;
}



/* MENU */

#menu {

width: 461px;
height: 102px;
margin-left: 445px;
margin-top: 0px;
}

a#m1 {
		float: left;
		display: block;
		width: 131px;
		height: 95px;
		background: url('images/m1.jpg') top;
		text-indent: -9999px;
		outline:0;
}
a#m1:hover {
		display: block;
		background: url('images/m1.jpg') bottom;
		text-indent: -9999px;
		outline:0;
}

a#m2 {
		float: left;
		display: block;
		width: 153px;
		height: 95px;
		background: url('images/m2.jpg') top;
		text-indent: -9999px;
		outline:0;
}

a#m2:hover {
		display: block;
		background: url('images/m2.jpg') bottom;
		text-indent: -9999px;
		outline:0;
}

a#m3 {
		float: left;
		display: block;
		width: 147px;
		height: 95px;
		background: url('images/m3.jpg') top;
		text-indent: -9999px;
		outline:0;
}

a#m3:hover {
		display: block;
		background: url('images/m3.jpg') bottom;
		text-indent: -9999px;
		outline:0;
}
/* end menu */

a#logo {
display: block;
text-indent: -99999px;
}


h1 {
	color: #66cc00;
	font-family: Century Gothic;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
}
h2 {
	font-family: Century Gothic;
	text-decoration: none;
	font-size: 16px;
}

h3 {
  font-family: Century Gothic;
  	font-size: 13px;
	color: #333333;
	font-weight: normal;
}

.copyright  {
	text-align: center;
	color: #808080;
	font-size: 9px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 150px;
	padding-left: 500px;
	
}
.cop a {
	text-align: center;
	color: #999999;
	text-decoration: none;
	font-size: 9px;
	margin: 0.5em;
	margin-top: 0px;
	padding-top: 8px;
}
.cop a:hover {
	text-align: center;
	color: #66cc00;
	text-decoration: underline;
	font-size: 9px;
	margin: 0.5em;
	margin-top: 0px;
	padding-top: 8px;
}

img {
	border: none;
	z-index: 100;
}

a#hore {
	color: #66cc00;
	text-decoration: none;
	font-weight: bold;
}

a {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}

a.portf {
  
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	margin-top: 25px;
}

hr {
	color: #66cc00;
}