* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
  font-family: arial, sans-serif;
  font-size: 1em;
  background: url('../images/bg.png') repeat-x top;
  color: #579cc0;
  text-align: center;
}

#main {
 	width: 100%;
	text-align: center;
	min-height: 100%;
	height: 100%;
	background: url('../images/foot_bg.png') repeat-x bottom;
	position: relative;
}

#main-in {
 	width: 984px;
	margin: 0 auto;
	text-align: left;
 	background: url('../images/bg_page.png') repeat-x top;
	min-height: 100%;
	height: 100%;
}
 
body>#main {
 	height: auto;
}

body>#main-in {
 	height: auto;
}

#head {
	height: 183px;
	position: relative;
}

#logo {
  width: 180px;
  height: 165px;
  position:absolute;
  margin:42px 0 0 92px;
}

#logo a {
	display: block;
  width: 180px;
  height: 165px;
	cursor: pointer;
}

#logo a span, #logo2 a span  {
	display: none;
}

#logo2 {
  width: 440px;
  height: 60px;
  position:absolute;
  margin:30px 0 0 460px;
}

#logo2 a {
	display: block;
  width: 440px;
  height: 60px;
	cursor: pointer;
}

#navigation {
  width: 650px;
  height: 125px;  
  position: absolute;  
  top: 113px;
  left: 275px;
  font-size: 0.7em;
}

#navigation ul {
  list-style-type: none;
}

#navigation ul li {
  width: 81px;
  height: 35px;  
  color:#579cc0;  
  font-weight:bold;      
  text-align:center;  
  float:left;
  margin: 0 5px;
}

#navigation ul li a {
  width: 81px;
  height: 35px; 
	display: block;
	cursor: pointer;
  text-decoration: none;
  color: #579cc0;
  padding-top: 90px;
  font-size: 1.25em;
  background-position: 0 18px;
}

#navigation ul li a:hover, #navigation ul li a.active {
  background-position:0 -117px;
}

#navigation ul li.menu1 a {
  background-image: url('../images/menu/onas.png');   
}

#navigation ul li.menu2 a {
  background-image: url('../images/menu/sluzby.png');
}

#navigation ul li.menu3 a {
  background-image: url('../images/menu/rezim.png');  
  font-size: 1.2em;
  padding-top: 82px;
}

#navigation ul li.menu4 a {
  background-image: url('../images/menu/galerie.png');  
 
}

#navigation ul li.menu5 a {
  background-image: url('../images/menu/cenik.png');
}

#navigation ul li.menu6 a {
  background-image: url('../images/menu/napsali.png');  
  font-size: 1.2em;
  padding-top: 82px;
}

#navigation ul li.menu7 a {
  background-image: url('../images/menu/kontakt.png');
}

/* MENU KONEC */


#text {
  width: 795px;
  margin: 87px 0px 0px 98px;
 	padding-bottom: 200px;
 	text-align: justify;
}

#text_left {
  float: left;
  width: 570px; 
}

#text_left p {
  padding: 1px 0 15px 0;
  text-indent: 40px;
}

#text_right {
  float: right;
  width: 200px;
}

h1 {
  background: url('../images/motyl.png') no-repeat;
  padding: 2px 0 0 40px;
  font-size: 1.4em;
  margin: 10px 0 15px 0; 
  font-weight: bold;
  color: #aac62b;
}

h2 {
  padding: 2px 0 0 40px;
  font-size: 1.2em;
  margin: 10px 0 15px 0; 
  font-weight: bold;
  color: #aac62b;
}

#aktuality_div {
  float: left;
  width: 175px;
  margin: 0 0 0 10px;
}

#aktuality_nadpis {
  float: left;
  background: url('../images/beruska.png') no-repeat;
  padding: 2px 0 0 45px;
  font-size: 1.4em;
  margin: 25px 0 15px -3px; 
  font-weight: bold;
  color: #aac62b;
}

.datum {
  font-size: 1em;
  margin: 25px 0 15px 0px; 
  font-weight: bold; 
  color: #aac62b;
}

#footer {
  width: 100%;
  height: 193px;
  background: url('../images/foot_bg.png') repeat-x bottom;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
}

#foot_content {
  width: 961px;
  height: 193px;
  background: url('../images/foot_img.png') repeat-x top;
  margin: 0 auto;
}

p {
  padding: 1px 0 15px 0;
}

.clear {
  clear: both;
}

.info {
  margin: 12px 0 0 9px;
}
/* page tune */

#cenik{
  font-size:0.7em;
  width: 99%;
  margin-bottom:10px;
}
#cenik td{
  background: #E8F6FD;
  padding:1px 2px;
  text-align: center;
}
#cenik .cenik-nadpis {
  background: #AAC72C;
  color: #fff;
  font-size:0.9em;
  font-weight: bold;
}
#cenik-ol{
  line-height: 1.5em;
  list-style-position: inside;
}


#rezim1, #rezim2, #sluzby{
  line-height: 1.5em;
  list-style-position: inside;
  margin-bottom:10px;
  margin-left: 50px;
}

p {
  line-height: 1.5em;
}


.green{
  color: #aac62b;
}

a{
  color: #aac62b;
}

a.link {
  color: #aac62b;
}
a.link:hover {
  text-decoration:none;
}
#mapa{
  margin:20px 0 0 50px;
  width:500px;
  height:250px;
  border:2px solid #579CC0;
}

#box{
  line-height: 1.5em;
  width:80%;
  margin-left:50px;
}
.gallery {

  float: left;

  padding: 20px 15px;
  
  width: 160px;
  
  text-align:center;

}
/* dodatek k ceniku */
#cenik2{
  font-size:0.7em;
  width: 99%;
  margin-bottom:10px;
}
#cenik2 td{
  background: #E8F6FD;
  padding:1px 2px;
  text-align: center;
}
#cenik2 .cenik2-nadpis {
  background: #AAC72C;
  color: #fff;
  font-size:0.9em;
  font-weight: bold;
}
#cenik2-ol{
  line-height: 1.5em;
  list-style-position: inside;
}
.white {
  color:white;
}
#partners {
  position:absolute;
  margin-top: 170px;
  width:961px;
  text-align: center;
  font-size: 0.8em;
}
#partners a:hover{
  text-decoration: none;
}





a.itdesign {
  background: url('../images/it-grey.png') no-repeat center left;
  padding-left: 17px;
  color:white;
 
}

a.itdesign:hover {
  background: url('../images/it-red.png') no-repeat center left;
  text-decoration: none;
}
a.itdesign span {
  display: none;
}
