* {
	margin: 0px;
	padding: 0px;
}
BODY 
{
margin:0 auto;
width:760px; 
background-color: #FFFFFF;  
 
border-style:solid;
border-width:1px;
border-color:gray; 
}


/*-------------- MAIN MENU ------------------*/
#menu2 {
  list-style: none;
  width: 220px;
  height: 320px;
  position: relative;
  top:-55px;  
}

#menu2 span {
  display: none;
  position: absolute;
}

#menu2 a {
  display: block;
  text-indent: -15000%;
 /* position: absolute;*/
  outline: none;
}
#menu2 a:hover {
/*  background-position: left bottom;*/
  
}
#menu2 a:hover span {
  display: block;
}
/*-------------------------------------------*/
#menu2 .class1 {
  width: 139px;
  height: 33px;
  background: url(../img/men_03.png) no-repeat;
  left: 29px;  
  top: 10px; 
}
#menu2 .class1:hover {
  width: 139px;
  height: 33px;
  background: url(../img/men_a_03.png) no-repeat;
}
#menu2 .class1_activ {
  width: 139px;
  height: 33px;
  background: url(../img/men_a_03.png) no-repeat;
  left: 29px; 
 top: 10px; 
}
/*-------------------------------------------*/
#menu2 .class2 {
  width: 139px;
  height: 34px;
  background: url(../img/men_05.png) no-repeat;
  left: 29px;  
  top: 40px;  /*for IE*/
}
#menu2 .class2:hover {
  width: 139px;
  height: 34px;
  background: url(../img/men_a_05.png) no-repeat;

}
#menu2 .class2_activ {
  width: 139px;
  height: 34px;
  background: url(../img/men_a_05.png) no-repeat;
  left: 29px;  
  top: 40px;  /*for IE*/
}

/*-------------------------------------------*/
#menu2 .class3 {
  width: 139px;
  height: 32px;
  background: url(../img/men_08.png) no-repeat;
  left: 29px; 
  top: 80px;
}
#menu2 .class3:hover{
  width: 139px;
  height: 32px;
  background: url(../img/men_a_08.png) no-repeat;
}
#menu2 .class3_activ{
  width: 139px;
  height: 32px;
  background: url(../img/men_a_08.png) no-repeat;
  left: 29px; 
  top: 80px;
}

/*-------------------------------------------*/
#menu2 .class4 {
  width: 139px;
  height: 32px;
  background: url(../img/men_10.png) no-repeat;
  left: 29px; 
  top: 120px;
}
#menu2 .class4:hover{
  width: 139px;
  height: 32px;
  background: url(../img/men_a_10.png) no-repeat;
}
#menu2 .class4_activ{
  width: 139px;
  height: 32px;
  background: url(../img/men_a_10.png) no-repeat;
  left: 29px; 
  top: 120px;
}
/*-----------------------------------------------------*/
#menu2 .class5 {
  width: 192px;
  height: 18px;
  background: url("../img/email.png") no-repeat scroll center bottom transparent;
  padding-top: 20px; 
}
/*-----------------------------------------------------*/
#menu2 .class6 {
  width: 192px;
  height: 18px;
  background: url("../img/meno.png") no-repeat scroll center bottom transparent;
  padding-top: 49px; 
}
/*-----------------------------------------------------*/
#menu2 .class7 {
  width: 192px;
  height: 18px;
  background: url("../img/cislo.png") no-repeat scroll center bottom transparent;
  padding-top: 0px; 
}
/*-----------------------------------------------------*/
#menu2 .class8 {
  width: 192px;
  height: 18px;
  background: url("../img/danka.png") no-repeat scroll center bottom transparent;
  padding-top: 20px; 
}
/*-----------------------------------------------------*/
#menu2 .class9 {
  width: 192px;
  height: 18px;
  background: url("../img/danka_tel.png") no-repeat scroll center bottom transparent;
  padding-top: 1px; 
}
/*-----------------------------------------------------*/
.text{
text-align:justify;
 font-family:Comic Sans MS;
 font-size:15px;
 line-height:25px;

}
.nadpis
{
  font-family:cursive;
  font-size:23px;
  font-style:italic;
  font-variant:normal;
  font-weight:bold;
  text-align:center;
}


/*-----------------------------------------------------*/
.header {
 background: url("../img/obr__01.png") no-repeat;
 width: 760px;
 height: 296px;
}
/*-----------------------------------------------------*/
.menu{
 background: url("../img/obr__02.png") no-repeat;
 width: 239px;
 height: 398px;
 float:left;
}
/*-----------------------------------------------------*/
.content{
 background: url("../img/obr__03.png") no-repeat;
 width: 494px;
  /*height: 400px;*/
  height: 100%;
  overflow:auto;
  float:left;


}
/*-----------------------------------------------------*/
.footer{
    background: url("../img/obr__04.png") no-repeat;
  width: 760px;
 height: 133px;
 background-position:center bottom;
 position:relative;
}
/*-----------------------------------------------------*/
/*--------------------- FOTOGALERIA --------------------*/
/*-----------------------------------------------------*/
* {

	outline: none;
}
img {
	border: none;
	display: inline;
}

.clearfix {
padding-left: 30px;
	display: inline-table;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

a {
	color: #444;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

#container {
	text-align: left;
	width: 782px;
	margin: 0 auto 10px;
}

#header {
	position: relative;
	padding-top: 20px;
	margin-bottom: 20px;
}

#maincaption {
	margin: 20px;
	margin-top: 10px;
	margin-bottom: 0px;
	line-height: 165%;
	width: 560px;
}

#links {
	position: absolute;
	top: 80px;
	left: 600px;
	width: 160px;
	border-left: 1px solid #ccc;
	padding: 0 6px;
}

h3 {
	font-weight: normal;
	padding: 2px;
	background-color: #cc3030;
	color: #fff7cc;
	text-align: center;
	font: 12px/14px Helvetica, Arial, sans-serif;
	/*border-bottom: 1px solid #333;*/
}

#links ul {
	list-style-type: none;
}

#links ul li a {
	display: block;
	text-decoration: none;
	padding: 2px;
	color: #cc3030;
	padding-left: 4px;
}

#links ul li a:hover {
	background-color: #cc3030;
	color: #fff7cc;
}

#slider {
	/*width: 780px;*/
	/*border: 1px solid #0f0;*/
	margin: 0 auto;
	background-color: #fff;
	border: 0px solid #333;
}

#slider .floating {
	margin-top: 3px;
}

#slider ul {
	list-style-type: none;
	width: 383px;
	height: 150px;
	padding-left: 15px;
/*	border: 1px solid gray;  */
}

#slider ul li {
	float: left;
	/*border: 1px solid #f00;*/
	width: 80px;
	height: 100px;
	text-align: center;
	margin: 0 6px;
	padding-top: 6px;
}

#slider ul li a {
	/*display: block;*/
	height: auto;
	color: #333;
	text-decoration: none;
}

#slider ul li a:hover {
	/*color: #ff0ff0;*/
	text-decoration: underline;
}

#slider ul li img {
	display: block;
}

.floating {
	float: left;
}

#butleft, #butright {
	padding: 0px;
	margin: 0px;
}
#butleft img, #butright img {
	padding: 0px;
	margin: 0px;
}

#butleft {
	margin-left: 1px;
	margin-right: 4px;
}

#butright {
	margin-left: 4px;
}

#controls {
	width: 100px;
	margin: 0 auto;
	height: 20px;
	padding-top: 10px;
	display:none;
}