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

	background-color: #F7F7F7;
	background-image: url(../images/bckg-vnitrek.jpg);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #999999;
}

div {

  border: 0px solid green;

}


#container {

	width: 900px;
	position: relative;
	z-index: 20;
	margin: auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	border: 0px solid red;
}

.logo {
	position: absolute;
	left: 0px;
	top:0px;
  padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid red;
	
}

.menu {

	position: absolute;
	right: 0px;
	top: 0px;
	
}



.o-martinovi {

  display: block;
	width: 100px;
	background-image: url(../images/maly-modry.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding: 151px 0px 0px 0px;
	float: left;
	margin: 0px;
	border: 0px solid green;
}

.galerie {
	width: 100px;
	background-image: url(../images/maly-zeleny.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding: 151px 0px 0px 0px;
	display: block;
	float: left;
}

.vystavy {
	width: 100px;
	background-image: url(../images/maly-cerveny.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding: 151px 0px 0px 0px;
	display: block;
	float: left;
}


.kontakt {
	width: 100px;
	background-image: url(../images/maly-zluty.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding: 151px 0px 0px 0px;
	display: block;
	float: left;
}

.menu a {

 text-decoration: none;
 color: #999999;
 
} 

img {
 border: 0px;
} 


.obrazky{
 border: 1px solid #999999;
 background-color: white;
 padding: 5px;
 margin: 10px;
} 

.footer {
  position: absolute;
  right: 0px;
  bottom: -40px;
  color: #999999;
  font-size: 75%;
  text-align: right;
  height: 40px;
} 
.footer a {

 text-decoration: none;
 color: #999999;
 
} 
a:hover {
  text-decoration: underline;
  color: black;

}

h1 {
  font-size: 180%;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
    
}

.clear {
 clear: both;
 float: none;
 width: 100%
 height: 1px;
 font-size: 0px;
} 

.content {

  padding: 151px 10px 10px 10px;
  text-align: left;
  border: 0px solid red;

}
.odstavec {
  font-size: 82%;
  text-align: left;
  margin: 5px 0px 10px 0px;
}  

b{
  color: rgb(5,123,185);
}
/*
.c{
  border-color: #e10702;
}
.m{
  border-color: #0090cf;
}
.tm{
  border-color: #1b3f97;
}
.z{
  border-color: #02e518;
}
.c{
  border-color: #c90705;
}
.r{
  border-color: #e4057d;
}
*/
/*-- cols --*/
.cols { overflow: hidden; height: 100%; clear: both; }
.cols .col1 { float: left; }
.cols .col2 { float: left; }
.cols50 .col1 { float: left; width: 47% !important; }
.cols50 .col2 { float: right; width: 47% !important; }
.cols3 .col1,
.cols3 .col2,
.cols3 .col3 { width: 33%; }
.cols3 .col3 { float: right; }
.cols4 .col1,
.cols4 .col2,
.cols4 .col3,
.cols4 .col4 { float: left; width: 25%; }
.cols2v1 .col1 { width: 64%; }
.cols2v1 .col2 { float: right; width: 32%; }

.fl{
  float: left;
}