/********** general **********/
html { 
  font-family: Georgia, serif;
  color: #3d2f00
}
a, a:visited, a:active, a:hover { color: #d42424 }
div, body, html, ul, li,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0 }
html { background-color: #efde81 }
li {  list-style-type: none }

h2 {
  display:block;
  height:41px;
  padding:10px 0 10px 15px;
  margin:0;
  background: transparent url(/wwwstefanovicz/img/design2/h2.png) 0 0 no-repeat;
  color:white;
}

/* hneda cast ma priblizne 670px */
/* sirka celyho obrazku cca 870px */
/* sirka prostoru od hnedyho doleva je cca 140px (hluchy misto zabrany napisem */
div.center {
  width: 830px;
  margin:0 auto;
}
#main{ 
  position:relative;
  height: 415px; /* 658-270 */
  width: 830px; 
  margin:0 0 0 -70px;
  padding-top: 270px;
  
  background: transparent url(/wwwstefanovicz/img/design2/page-default.png) no-repeat 0 0; 
  
  border:1px none black;
}

#mainhome {
  display: block;
  position:absolute;
  width: 255px;
  height: 196px;
  top: 0px;
  left: 0px;
}
  /*#mainhome:hover {
    background-image: url(/wwwstefanovicz/img/design2/page-default-logo-highlight.png);
  }*/
  
ul#menu {
  float:left;
  margin-left:90px;
  border:1px none black;
}
  ul#menu li {
    width: 245px;
    height: 74px;
    margin-bottom: 5px;
    background: transparent url(/wwwstefanovicz/img/design2/button-bg.png) no-repeat;
  }
  ul#menu li:hover {
    background-image: url(/wwwstefanovicz/img/design2/button-bg-h.png);
  }
    ul#menu li a {
      display:block;
      height: 74px;
      width:230px;
      margin-right:25px;
      background-position:right center;
    }
    a#home        {   background: transparent url(/wwwstefanovicz/img/design2/button-domu.png) no-repeat;  }
    a#svatba      {   background: transparent url(/wwwstefanovicz/img/design2/button-svatba.png) no-repeat; }
    a#spunt       {   background: transparent url(/wwwstefanovicz/img/design2/button-spunt.png) no-repeat; }
    a#blog        {   background: transparent url(/wwwstefanovicz/img/design2/button-blog.png) no-repeat; }

    a#home:hover   {  background-image: url(/wwwstefanovicz/img/design2/button-domu-h.png) }
    a#svatba:hover {  background-image: url(/wwwstefanovicz/img/design2/button-svatba-h.png) }
    a#spunt:hover  {  background-image: url(/wwwstefanovicz/img/design2/button-spunt-h.png) }
    a#blog:hover   {  background-image: url(/wwwstefanovicz/img/design2/button-blog-h.png) }
/* velikost zlute oblasti je priblizne 470*295px */
#content {
  width:450px;
  height: 275px;
  padding:10px;
  padding-top:0; /* na zacatku spravne odsazeny, potom mi to po kliku na home odskocilo nahoru */
  overflow: hidden;
}
    #content li {
      width: 435px;
      height: 245px;  /* 275-2*20 za padding */
      padding: 20px;
    }
    
#footer-wrap 
{
	height:108px;
}
	#footer-top {
		background: transparent url(/wwwstefanovicz/img/design2/footer-border.png) 0 0 repeat-x;
		height:8px;
	  }
	#footer 
	{
	  height:60px;
	  padding-top: 20px;
	  padding-bottom:20px;
	  line-height:120%;
	  background-color:#cdb038;
	}
	  #footer .home {
		float:right;
		display:inline;
		padding-right: 2em;
	  }
	  #footer .copy,
	  #footer .kontakt {
		padding-left: 2em;
	  }
	  
  
/***********************************************************************************/
/**************************  sticky footer   ***************************************/
html, body, #center {height: 100%;}

body > #center {height: auto; min-height: 100%;}

#main {padding-bottom: 108px;}  /* must be same height as the footer */

#footer-wrap {position: relative;
	margin-top: -108px; /* negative value of footer height */
	height: 108px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac *