html,body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#888;
  background:#fff;
}

article, aside, details, footer, header, menu, nav, section { display: block; }

#cela {
  margin:0px;
  position:relative;
  top:0px;
  left:0px;
  padding:0px;
  font-size:14px;
  width:100%;
  border:0px;
  text-align:justify;
  background:#ffffff;
}

header {
  width:98%;
  padding:0px;
  margin:0px;
  height:140px;
}

header div {
  font-family: 'Aguafina Script', cursive;
  font-size:29px;
  color:#999;
  position:relative;
  top:-40px;
  left:130px;
  width:200px;
  margin-bottom:-10px;
}

#logo {
  float:left;
}

#logo img {
  position:relative;
  z-index:2;
  margin:4px 0px 0px 0px;
  float:left;
  border:0px;
}

#logo2 img {
  position:relative;
  z-index:2;
  margin:4px 0px 0px 0px;
  border:0px;
  width:200px;
}

nav ul {
  float:right;
  z-index:10;
  position:relative;
	padding:0px;
	margin:10px 10px 10px 0px;
	width:180px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	text-align:right;
}

nav ul li {
  list-style-type: square;
  direction: rtl;
  text-indent: -8px;
  margin-right:10px;
  color: #444;
}

nav ul a {
	float:none;
	position:relative;	
	margin:0px; 
	padding-top:0px;
	padding-right:9px;
	padding-bottom:4px;
	padding-left:5px;
	color:#555;
	text-decoration:none;
	}

nav ul a:hover {
  color:#777;
  text-decoration:none;
}

nav ul a.active {
	color:#666;
  text-decoration:none;
	}

/* hore
.menu-galeria {
  width:170px;
  padding:5px 10px 5px 15px;
  background:url('images/pozadie_txt_01.png');
  text-align:right;
}
*/
.menu-galeria {
  width:auto;
  height:14px;
  padding:10px;
  margin:5px 5px 4px 20px;
  background:url('images/pozadie_txt_01.png');
  float:left;
}

#main {
  width:98%;
  padding:10px 20px;
  margin:0px 0px 0px 0px;
  padding-bottom:90px;   /* height spodku + 30px medzeru dávam */
}

footer {
  border-top:1px dotted #aaa;
  width:96%;
  margin:20px 10px 0px 10px;
  padding:10px 0px;
  color:#ccc;
  text-align:right;
  font-size:12px;
  position:absolute;
  bottom:0;
  height:60px;   /* Height of the footer */
  clear:both;
}

footer div {
  text-align:left;
  position:relative;
  top:-18px;
  left:10px;
  width:160px;
  height:3px;
  margin:0px;
  padding:0px;
  background:none;
}

footer div img {
  border:1px solid #ccc;
  margin:0px 2px;
  padding:0px;
}

.fb {
  border: 0px;
  margin: 0px 5px 0px 20px;
}

.gplus {
  border: 0px;
  margin: 0px 5px 0px 0px;
}

.cena {
  font-family: Arial, Helvetica, sans-serif;
  font-size:19px;
  font-weight:bold;
  color:#eee;
  background:none;
  margin:0px;
  text-indent:0px;
  width:auto;
  padding:5px 0px;
}

.cena span {
  float:right;
  padding:0px;
}

.akcia1 {
  width:500px;
  border:0px;
}

a { color: #333; background:none; text-decoration: none; font-weight:bold; }
a:hover { color: #555; background:none; text-decoration:underline; }

h1 {
  font-family: 'Aguafina Script','Ruthie', "Century Gothic", cursive, Arial, Helvetica, sans-serif;
  font-size:40px;
  font-weight:bold;
  color:#222;
  background:none;
  margin:0px;
  padding:4px 0px 10px 0px;
  text-indent:0px;
  position:relative;
  letter-spacing:2px;
}


h2 {
  font-family: 'Aguafina Script','Ruthie', "Century Gothic", cursive, Arial, Helvetica, sans-serif;
  font-size:26px;
  font-weight:normal;
  color:#444;
  background:none;
  margin:0px;
  padding:4px 0px 0px 0px;
  text-indent:0px;
  letter-spacing:2px;
  position:relative;
}



.r {
  clear:both;
  font-size:1px;
  height:0px;
}



img { margin: 0px;border:0px; }

#contact-photo { width:220px;float:right;padding:2px;border:1px solid #888;margin:0px 0px 10px 16px; }

.album_info {
  width:170px;
  height:auto /*200px*/;
  border:0px;
  margin:10px 5px;
  text-align:center;
}


.galeria {
  margin-left:7px;
}

.gallery01 {
  width:180px;
  height:212px;
  border:0px;
  float:left;
  padding:0px;
  margin:20px 2px 2px 11px;
  text-align:left;
}

.gallery01 a {
  width:123px;
  height:123px;
  border:0px;
  margin:0px;
  padding:0px;
  background:none;
  color:#ddd;
  text-decoration: none;
}

.gallery01 a:hover {
  background:none;
  color:#fff;
	text-decoration: none;
}

.gallery01 img {
  border:1px solid #bbb;
  width:150px;
  height:150px;
  margin-top:10px;
  margin-left:12px;
  padding:2px;
}

.odkaz a {
	float:none;
	position:relative;	
	margin:0px; 
	padding-top:0px;
	padding-right:0px;
	padding-bottom:4px;
	padding-left:0px;
	color:#777;
	text-decoration:none;
	}

.odkaz a:hover {
  color:#444;
	background: inherit;
}

.slide-prava {
  float:left;
  margin:6px 10px 2px 20px;
  padding:0px;
  color:#666;
  font-size:11px;
}

p {
  margin:6px 0px;
  padding:0px;
}

ul {
  margin:2px auto 10px auto;
  padding-top:0px;
  padding-bottom:0px;
}

.cennik {
  margin:0px 5px 20px 8px;
  padding:0px;
  position:relative;
}

.cennik li {
  list-style-type: square;
  text-indent: -2px;
  margin-left: 0px;
  padding: 4px;
  color: #eee;  
}


/* Tablet */
@media screen and (max-width: 1024px) {

#cela {
  margin:0px 0px 0px 2px;
}

#main {
  padding:10px 2px;
}

}



/* Mobil */
@media screen and (max-width: 480px) {

#cela {
  margin:0px 0px 0px 2px;
}

}