html {
	margin-bottom: 0px;
	height: 100%!important;
	height: 100%;
}

body	{ 
  background: #E7D8B9;
  text-align: left;
  margin: 0px;
  padding: 0px;
  font-family: "Trebuchet MS";

}

a, a:visited {
  color: #5E5133;
  font-weight: bold;
  outline: none;
  text-decoration: none;
}

a:hover {
  font-weight: bold;
  color: #0A0A0A;
  text-decoration: none;
}

.clearer {
  clear: both;
}


/* headers */

h1 {
  font-size: 16px;
  text-indent: -9999px;
  position: absolute;
  margin: 0;
  padding: 0;
}

h2 {
  width: 300px;
  font-size: 16px;
  font-style: italic;
  color: #611010;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#mainText h2 {
  line-height: 35px;
  text-indent: -9999px;
  color: #FFFFFF;
}

#kontakt h2,
#kontakt h3 {
  width: auto;
  text-indent: -9999px;
}

#insetLeft h3 {
  width: auto;
  height: auto;
  padding: 0 0 0 0;
  margin: 6px 0 6px 22px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #A00000;
  text-indent: 0px;
}

#bottom h3 {
  font-size: 12px;
  text-transform: uppercase;
  margin: 15px 8px 8px 8px;
  padding: 0;
  color: #988C72;
  font-weight: normal;
}

#pronajem-prodej-ctyrkolek {
  background: transparent url('../temp/pronajem-prodej-ctyrkolek.png') no-repeat scroll 0 0;
}

#profesionalni-catering {
  background: transparent url('../temp/profesionalni-catering.png') no-repeat scroll 0 0;
}

#pujcovni-rad {
  background: transparent url('../temp/pujcovni-rad.png') no-repeat scroll 0 0;
}

#bottom h2 {
  width: auto !important;
  text-indent: -9999px;
}

/* footer */
#nase-sluzby {
  background: transparent url('../temp/nase-sluzby.jpg') no-repeat scroll 0 0;
}

#quad-akce {
  background: transparent url('../temp/quad-akce.jpg') no-repeat scroll 0 0;
}

#doporucujeme {
  background: transparent url('../temp/doporucujeme.jpg') no-repeat scroll 0 0;
}

#sitemap {
  background: transparent url('../temp/sitemap.jpg') no-repeat scroll 0 0;
}
/* footer end */


#insetLeft .galleryFolder h3 {
  font-size: 11px;
  text-transform: uppercase;
  color: #242119;
  text-align: center;
  margin: 15px 0 0 0;
  padding: 0;
}

#inset h3.pujcRad {
  width: auto;
  height: auto;
  padding: 0 0 0 0;
  margin: 12px 0 8px 0;
  font-size: 16px;
  color: #4E4123;
  text-indent: 0px;
}

#inset #foto1 h2 {
  margin: 0 0 0 359px;
  position: relative;
  top: 19px;
}

#pujcovna-ctyrkolek-access {
  background: transparent url('../temp/pujcovna-ctyrkolek-access.jpg') no-repeat scroll 0 0;
}

#access-tomahawk-250 {
  background: transparent url('../temp/access-tomahawk-250.jpg') no-repeat scroll 0 0;
}

#access-tomahawk-300 {
  background: transparent url('../temp/access-tomahawk-300.jpg') no-repeat scroll 0 0;
}

#pujcovna-ctyrkolek-cenik {
  background: transparent url('../temp/pujcovna-ctyrkolek-cenik.jpg') no-repeat scroll 0 0;
}

#catering-cenik {
  background: transparent url('../temp/catering-cenik.jpg') no-repeat scroll 0 0;
}

#catering-komplexne {
  background: transparent url('../temp/catering-komplexne.jpg') no-repeat scroll 0 0;
}

#catering-obrazem {
  background: transparent url('../temp/catering-obrazem.jpg') no-repeat scroll 0 0;
}

#cenik-nabizenych-sluzeb {
  background: transparent url('../temp/cenik-nabizenych-sluzeb.jpg') no-repeat scroll 0 0;
}

#aglea-fotogalerie {
  background: transparent url('../temp/aglea-fotogalerie.jpg') no-repeat scroll 0 0;
}

#aglea-catering {
  background: transparent url('../temp/aglea-catering.jpg') no-repeat scroll 0 0;
}

#aglea-kontakty {
  background: transparent url('../temp/aglea-kontakty.jpg') no-repeat scroll 0 0;
}

#aglea-akce {
  background: transparent url('../temp/aglea-akce.jpg') no-repeat scroll 0 0;
}

#akce-petavice {
  background: transparent url('../temp/akce-petavice.jpg') no-repeat scroll 0 0;
}

#akce-darujte {
  background: transparent url('../temp/akce-darujte.jpg') no-repeat scroll 0 0;
}

/* galerie headers */
#galerie-tomahawk-250 {
  background: transparent url('../temp/galerie-tomahawk-250.jpg') no-repeat scroll 0 0;
}

#galerie-tomahawk-300 {
  background: transparent url('../temp/galerie-tomahawk-300.jpg') no-repeat scroll 0 0;
}

#galerie-aglea-na-trati {
  background: transparent url('../temp/galerie-aglea-na-trati.jpg') no-repeat scroll 0 0;
}

/* headers end */

/* paragraphs */

p {
  font-size: 12px;
  font-weight: normal; 
  text-decoration: none;
  font-style: normal;
  color: #575755;
  text-align: justify;
  margin: 0;
  padding: 0;
}


/* paragrapsh end */

/* dividers */
.divHolder {
  width: 970px;
  margin: 0 auto;
  padding: 0;
}

#container {
  width: 100%;
  min-width: 970px;
  height: 100%;
  margin: 0;
  padding: 0;
}

#header {
  width: 100%;
  height: 317px;
  margin: 0;
  padding: 0;
  background: #8ED631 url('../temp/headerBG.jpg') repeat-x center top;
}

#mainFotka {
  width: 832px;
  height: 317px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  position: relative;
  left: -117px;
}

#menu {
  width: 252px;
  height: auto;
  float: right;
  padding: 0;
  margin: 0 3px 0 0;
  position: relative;
  top: -317px;
}

ul#mainMenu		{ 
  width: 249px;
  height: auto;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul#mainMenu li	{ margin: 0; padding: 0; position: absolute; }
ul#mainMenu li a	{ display: block; position: absolute; background: none; }
ul#mainMenu li a span	{ display: none; }

ul#mainMenu li#part1 {
  width: 249px;
  height: 23px;
  background: transparent url('../temp/mainmenu.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0;
  padding: 0;
}

ul#mainMenu li#logo a {
  width: 249px;
  height: 243px;
  background: transparent url('../temp/logo.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 23px 0 0 0;
  padding: 0;
}

ul#mainMenu li#logo a:hover,
ul#mainMenu li#logo a.active	{
  width: 249px;
  height: 243px;
  background: transparent url('../temp/logo.jpg');
  background-repeat: no-repeat;
  background-position: 0 -243px;
  margin: 23px 0 0 0;
  padding: 0;
}

ul#mainMenu li#item1 a {
  width: 249px;
  height: 32px;
  background: transparent url('../temp/menu1.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 266px 0 0 0;
  padding: 0;
}

ul#mainMenu li#item1 a:hover,
ul#mainMenu li#item1 a.active	{
  background-position: 0 -32px;
}

ul#mainMenu li#item2 a {
  width: 249px;
  height: 32px;
  background: transparent url('../temp/menu2.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 298px 0 0 0;
  padding: 0;
}

ul#mainMenu li#item2 a:hover,
ul#mainMenu li#item2 a.active	{
  background-position: 0 -32px;
}

ul#mainMenu li#item3 a {
  width: 249px;
  height: 32px;
  background: transparent url('../temp/menu3.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 330px 0 0 0;
  padding: 0;
}

ul#mainMenu li#item3 a:hover,
ul#mainMenu li#item3 a.active	{
  background-position: 0 -32px;
}

ul#mainMenu li#item7 a {
  width: 249px;
  height: 32px;
  background: transparent url('../temp/menu7.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 362px 0 0 0;
  padding: 0;
}

ul#mainMenu li#item7 a:hover,
ul#mainMenu li#item7 a.active	{
  background-position: 0 -32px;
}

ul#mainMenu li#item4 a {
  width: 249px;
  height: 32px;
  background: transparent url('../temp/menu4.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 394px 0 0 0;
  padding: 0;
}

ul#mainMenu li#item4 a:hover,
ul#mainMenu li#item4 a.active	{
  background-position: 0 -32px;
}

ul#mainMenu li#item5 a {
  width: 249px;
  height: 32px;
  background: transparent url('../temp/menu5.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 426px 0 0 0;
  padding: 0;
}

ul#mainMenu li#item5 a:hover,
ul#mainMenu li#item5 a.active	{
  background-position: 0 -32px;
}

ul#mainMenu li#item6 a {
  width: 249px;
  height: 33px;
  background: transparent url('../temp/menu6.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 458px 0 0 0;
  padding: 0;
}

ul#mainMenu li#item6 a:hover,
ul#mainMenu li#item6 a.active	{
  background-position: 0 -33px;
}

ul#mainMenu li#part2 {
  width: 249px;
  height: 12px;
  background: transparent url('../temp/part2.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 491px 0 0 0;
  padding: 0;
}

#mainText {
  width: 100%;
  height: 229px;
  margin: 0;
  padding: 0;
  background: #232323 url('../temp/mainTextBG.jpg') repeat-x center top;
}

.textBox {
  width: 326px;
  height: 216px;
  overflow: hidden;
  padding: 0;
  margin: 8px 31px 0 0;
  float: left;
  overflow: hidden;
}

#mainText .textBox p {
  width: auto;
  font-family: "Trebuchet MS";
  font-size: 12px;
  color: #929292;
  font-weight: normal;
  text-decoration: none;
  margin: 0 0 0 2px;
  padding: 0;
}

#kontakt {
  width: 252px;
  height: 189px;
  background: transparent url('../temp/aglea-kontakt.jpg') no-repeat;
  position: relative;
  top: 515px;
  left: -3px;
}

#kontakt ul#email		{ 
  width: 129px;
  height: auto;
  /*position: absolute;*/
  margin: 0;
  padding: 0;
  list-style: none;
}

#kontakt ul#email li	{ margin: 0; padding: 0; position: absolute; }
#kontakt ul#email li a	{ display: block; position: absolute; background: none; }
#kontakt ul#email li a span	{ display: none; }

#kontakt ul#email li#contact a {
  width: 129px;
  height: 31px;
  background: transparent url('../temp/email.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 6px 0 0 91px;
  padding: 0;
}

#kontakt ul#email li#contact a:hover,
#kontakt ul#email li#contact a.active	{
  background-position: 0 -31px;
}

#inset {
  width: 100%;
  height: auto;
  min-height: 847px;
  padding: 0;
  margin: 0;
  background: transparent url('../temp/insetBG.jpg') repeat-x center top;
}

#insetLeft {
  float: left;
  width: 705px;
  height: auto;
}

#insetLeft ul#catering {
  list-style: none;
  padding-left: 20px;
}

#insetLeft ul#catering li {
  background: transparent url('../temp/bullet.jpg') no-repeat left top;
  background-position: 0 3px;
}

#insetLeft p.catering {
  width: 326px;
  height: auto;
  margin: 14px 0 14px 0;
  padding: 0;
  color: #4E4123;
}

#insetLeft p.catering {
  width: 326px;
  height: auto;
  margin: 4px 0 14px 0;
  padding: 0;
  color: #4E4123;
}

#insetLeft #carbon-shape {
  width: 38px;
  height: 19px;
  margin: 0 0 0 7px;
  padding: 0;
  background: transparent url('../temp/carbon-shape.jpg') no-repeat;
}

#insetLeft .galleryFolder {
  width: 178px;
  height: 143px;
  margin: 0;
  padding: 0;
  float: left;
  background: transparent url('../temp/galleryFolderBG.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 14px 26px 14px 26px;
  padding: 0;
}

#insetLeft .galleryFolder:hover {
  background: transparent url('../temp/galleryFolderBG.jpg');
  background-repeat: no-repeat;
  background-position: 0 -143px;
}

#insetLeft .galleryFolder a img {
  width: 148px;
  height: 108px;
  margin: 17px 0 0 14px;
  padding: 0;
  font-size: 12px;
}

#insetLeft .gallerySingle {
  width: 166px;
  height: 127px;
  background: transparent url('../temp/galleryBG.jpg') no-repeat center top;
  padding: 0;
  margin: 0 3px 4px 3px;
  float: left;
}

#insetLeft .gallerySingle:hover {
  background: transparent url('../temp/galleryBG.jpg');
  background-repeat: no-repeat;
  background-position: 0 -127px;
}

#insetLeft .gallerySingle a img {
  width: 148px;
  height: 108px;
  margin: 10px 0 0 9px;
  padding: 0;
  border: none;
}

#insetLeft #video {
  width: 100%;
  height: 310px;
  margin: 35px 0 20px 20px;
  padding: 0;
  background: transparent url('../temp/videoBG.jpg') no-repeat;
  background-position: 0 0;
}


#insetLeft #video object {
  position: relative;
  top: 20px;
  left: 20px;
  margin: 0;
  padding: 0;
}

p.video {
  float: right;
}

#insetRight {
  float: left;
  width: 252px;
  height: auto;
  margin-top: 170px;
  margin-left: 8px;
}

#inset a img {
  border: none;
}

#inset .Box1 {
  float: left;
  width: 326px;
  height: 516px;
  padding: 0;
  margin: 0 33px 0 0;
}

#inset .Box2 {
  float: left;
  width: 326px;
  height: 516px;
  padding: 0;
  margin: 0 0 0 0;
}

#inset .Box2.catering {
  width: 346px;
}

#inset p.cenik {
  width: 310px;
  margin: 2px 0 4px 8px;
  padding: 0 0 0 0;
  text-align: left;
}

#inset span.right {
  font-weight: bold;
  color: #A00000;
  margin: 0;
  padding: 0;
  text-align: right;
}

#inset .Box1 p.harder,
#inset .Box2 p.harder {
  font-weight: bold;
  margin: 24px 0 0 0;
}

#inset .Box1 img {
  margin: 12px 0 0 -7px;
}

#inset .Box2 img {
  margin: 0 0 8px -7px;
}

#inset #foto1 {
  width: 685px;
  height: 274px;
  background: transparent url('../temp/foto1.jpg') no-repeat left;
  margin: 0 0 25px 0;
  padding: 0 0 0 0;
}

#inset #foto1.foto2 {
  background: transparent url('../temp/foto2.jpg') no-repeat left;
}

#inset #foto1.foto3 {
  background: transparent url('../temp/foto3.jpg') no-repeat left;
}

#inset #foto1.foto4 {
  background: transparent url('../temp/foto4.jpg') no-repeat left;
}

#inset #foto1.foto5 {
  background: transparent url('../temp/foto5.jpg') no-repeat left;
}

#inset #foto1.foto6 {
  background: transparent url('../temp/foto6.jpg') no-repeat left;
}

#inset h2 {
  width: 326px;
  height: 40px;
  font-style: normal;
  padding: 0 0 0 0;
  margin: 19px 0 0 0;
  font-size: 16px;
  text-indent: -9999px;
}


#onDemand2,
#onDemand3,
#onDemand4,
#onDemand5,
#onDemand6,
#onDemand7 {
  display: none;
}

#inset p {
  width: 326px;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  color: #4E4123;
}

#inset p.pujcRad {
  width: 96%;
  margin: 4px 0 4px 10px;
  text-indent: -10px;
}

#inset #foto1 p {
  margin: 19px 0 0 359px;
  height: auto;
}

#bottom {
  width: 100%;
  height: 280px;
  padding: 0;
  margin: 15px 0 0 0;
  background-color: #242119;
  color: #795F24;
}

#bottom .article {
  width: 220px;
  height: 236px;
  overflow: hidden;
  margin: 22px 30px 22px 0;
  padding: 0;
  float: left;
}

#bottom .last {
  margin: 22px 0 22px 0;
}

#bottom a,
#bottom a.visited {
  color: #988C72;
  font-weight: bold;
}

#bottom a:hover {
  color: #E5D3AE;
}

#bottom .bottomLink {
  display: block;
  width: 80%;
  height: 20px;
  margin: 4px 0 4px 15px;
  padding: 0;
  border-bottom: 1px dotted #696355;
}

#bottom .bottomLink p {
  margin: 0;
  padding: 0;
}


#bottom p {
  margin: 15px 4px 15px 4px;
  padding: 0;
  color: #988C72; 
}

#bottom .article:hover {
  background: transparent url('../temp/bottomBGhov.jpg') repeat-x;
}

#footer {
  width: 100%;
  height: 100px;
  padding: 0;
  margin: 0;
  background-color: #100F0B;
}

#footer p {
  width: auto;
  font-size: 13px;
  padding: 35px 0 0 0;
  margin: 0;
  text-align: right;
}

#footer p.seo {
  font-size: 10px;
  float: left;
  width: 700px;
  text-align: left;
}

#footer p.seo a:hover,
#footer p a:hover {
  color: #988C72;
}

/* dividers end */