*{
 margin:0;
 padding:0;
 }

html, body{
	font: 9pt Tahoma, Helvetica, Arial sans-serif;
	color: #333333;
	text-align:center;
}
#content
{
}

#container{
	width:900px;
	height: 650px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#container_index{
	width:717px;
	height: 520px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
.copyright:hover {
	text-decoration: underline;
}
#bublina {
	background-image: url(img/bublina.gif);
	position: absolute;
	left: 20px;
	top: 0px;
	z-index: 100;
	height: 423px;
	width: 535px;
	display: none;
}


#container A IMG {
 border: 0px;
 margin: 0px;
 padding: 0px;
 width : 255px;
}

#container A.link, A.visited {
 text-decoration : none;
 margin: 0px;
 padding: 0px;
 border: 0px;
}

a {
margin : 0px;
padding: 0px;
}

a img {
 border: 0px solid #ffcb01;
}

#left {
 float: left;
 width: 342px;
}

#main_menu{
  width: 172px;
  float: left;
	}
	
#main_menu ul{
  width: 340px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  list-style: none;
  z-index: 999;
}
  
#main_menu li{
  width: 312px;
  padding: 8px;
  padding-left: 20px;
}

#main_menu li a:link,#main_menu li a:visited{
	color: #000000;
  font-weight: bold;
	font: 13pt Tahoma, Helvetica, Arial sans-serif;
	text-decoration:none;
}

#mid {
margin-left: 349px;
margin-right: 245px;
padding: 3px;
 text-align: justify;
}
#foto_list {
	text-align: center;
}

#right {
 float: right;
 width: 230px;
 text-align: right;
}

#foto_mini {
 margin: 10px 0px 0px 0px;
}


#foto_mini .img {
 width: 70px;
 height: 70px;
 text-align: center;
 vertical-align: center;
 float: left;
 margin: 0px 0px 9px 0px;
}

#foto_mini .imgc {
 width: 70px;
 height: 70px;
 text-align: center;
 vertical-align: center;
 float: left;
 margin: 0px 9px 9px 9px;
}


#aktualne_ome, #aktualne_fotos, #aktualne_reference, #aktualne_odkazy, #aktualne_frk, #aktualne_vtip {
 padding: 5px;
 margin-top: 10px;
 text-align: left;
 width: 328px;
}

#aktualne_ome {
 border: 1px solid #14ad14;
}

#aktualne_fotos {
 border: 1px solid #ffcb01;
}

#aktualne_reference {
 border: 1px solid #a1d909;
}

#aktualne_odkazy {
 border: 1px solid #600c6c;
}

#aktualne_frk {
 border: 1px solid #600c6c;
}

#aktualne_vtip {
 border: 1px solid #14ad14;
}

#ome,#fotos,#reference,#odkazy,#frk,#vtip {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

#vtip {
 background-color: #e8fbe9;
}

#vtip .footer {
 border-top: 1px solid #14ad14;
}

#vtip #main_menu li{
  border-bottom: 1px solid #14ad14;
  background:url(img/dot_ome.gif) center left no-repeat;
}


#ome {
 background-color: #e8fbe9;
}

#ome .footer {
 border-top: 1px solid #14ad14;
}

#ome #main_menu li{
  border-bottom: 1px solid #14ad14;
  background:url(img/dot_ome.gif) center left no-repeat;
}

#fotos {
 background-color: #fcf0c3;
}

#fotos .footer {
 border-top: 1px solid #ffcb01;
}

#fotos #main_menu li{
  border-bottom: 1px solid #ffcb01;
  background:url(img/dot_foto.gif) center left no-repeat;
}


#odkazy {
 background-color: #f8f1f8;
}

#odkazy .footer {
 border-top: 1px solid #600c6c;
}

#odkazy #main_menu li{
  border-bottom: 1px solid #600c6c;
  background:url(img/dot_odkazy.gif) center left no-repeat;
}

#reference {
 background-color: #e6f8c3;
}

#reference .footer {
 border-top: 1px solid #a1d909;
}

#reference #main_menu li{
  border-bottom: 1px solid #a1d909;
  background:url(img/dot_reference.gif) center left no-repeat;
}

#frk {
 background-color: red;
}

#frk .footer {
 border-top: 1px solid #600c6c;
}

#frk #main_menu li{
  border-bottom: 1px solid #600c6c;
}

h2 {
 color: #000000;
 font: 16pt Tahoma, Helvetica, Arial sans-serif;
}

.gallery_list {
 width: 360px;
 float: left;
 margin-bottom: 10px;
}

.gallery_list a:link,.gallery_list a:visited  {
	position:relative;
	display:block;
	text-decoration:none;
  border:1px solid #EBD582;
	cursor:pointer;
	padding: 5px;
}

.gallery_list a:hover {
  border:1px solid #ffcb01;
}

.gall_name {
 color: #000000;
 font-weight: bold;
}

.gall_memo {
 color: #444444;
 margin: 5px 0px 5px 0px;
}

.reference_list {
 width: 360px;
 float: left;
 margin-bottom: 10px;

}

.reference_list a:link,.reference_list a:visited  {
	position:relative;
	display:block;
	text-decoration:none;
  border:1px solid #d2eba0;
	cursor:pointer;
	 padding: 5px;
}

.reference_list a:hover {
  border:1px solid #a1d909;
}

.ref_name {
	color: #000000;
	font-weight: bold;
}

.ref_memo {
 color: #444444;
 margin: 5px 0px 5px 0px; 
}

.ref_img{
	position:relative;
	padding:3px;
	margin:4px 5px 0px 0px;
	float:left;
	}

.link_list a:link, .link_list a:visited {
 font: 13pt Tahoma, Helvetica, Arial sans-serif;
 text-decoration: underline;
 color: #6b0163;
}

.link_list a:hover {
 text-decoration: none;
}

#joke_right {
 width: 228px;
 text-align: left;
 margin: 8px 0px 20px 0px;
}

#joke_right a:link, #joke_right a:visited {
 color: #3dc51d;
 font: 10pt Tahoma, Helvetica, Arial sans-serif;
 font-weight: bold;
 text-decoration: underline;
}

#joke_right a:hover {
 text-decoration: none;
}

.joke_name {
	color: #3dc51d;
	font: 13pt Tahoma, Helvetica, Arial sans-serif;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
}

.footer {
	font: 8pt Tahoma, Helvetica, Arial sans-serif;
	padding: 10px;
	height: 50px;
	color: #999999;
	font-weight: bold;
	margin-top: 20px;
}
#index_foto:hover {
	background-image: url(img/hover_01.jpg);
}
#index_foto{
	background-image: url(img/index_01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 258px;
	width: 241px;
	float:left;
}
#index_odkazy:hover {
	background-image: url(img/hover_02.jpg);
}
#index_odkazy{
	background-image: url(img/index_02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 258px;
	width: 237px;
	float:left;
}
#index_ome:hover {
	background-image: url(img/hover_03.jpg);
}
#index_ome{
	background-image: url(img/index_03.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 258px;
	width: 239px;
	float:left;
}
#index_reference:hover {
	background-image: url(img/hover_04.jpg);
}
#index_reference{
    background-image: url(img/index_04.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 258px;
	width: 241px;
	float:left;
}
#index_frk:hover {
	background-image: url(img/hover_05.jpg);
}
#index_frk{
	background-image: url(img/index_05.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 258px;
	width: 237px;
	float:left;
}
#index_kala{
	background-image: url(img/index_06.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 258px;
	width: 239px;
	float:left;
}
#text_index{
    float:left;
	text-align: justify;
	height: 325px;
	width: 300px;
	display: block;

}
#text_index:hover{
	display:block;
	background-color:#FFFFFF;
}

.footer span {
 padding-left: 25px;
}

.footer ul{
  text-align: left;
  list-style: none;
  z-index: 998;
  display: inline;
}
  
.footer li{
 display: inline;
}

.footer a:link, .footer a:visited {
 color: #999999;
 font-weight: bold;
 text-decoration: none;
}

.cleaner {clear: both;} 

#bublina p {
	margin-top: 40px;
	margin-right: 30px;
	margin-left: 30px;
	font-size: 16px;
}