/* CSS Document  -  Slunecnice */


/*

* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

/* body elements */
body {
	background-color:#f4690e;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 1.4;
	color: #9D4F00;
	background-image: url(images/under_body.png);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	min-width: 760px;
	font-variant: small-caps;
	}

h1 {
  font-size: 2.4em;
  font-weight: normal;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}

h3 {
  font-size: 1.7em;
  font-weight: normal;
}

p, li {
  font-size: 1.4em;
}

h1, h2, h3, p {
  margin: 0 0 1em 0;
}

.clear{ clear:both;}





/* -------- wrapper --------------- */
#wrapper {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/under_wrapper.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
  }


#wrapper2 {
  width: 995px; 
  margin: 0 auto; 
  text-align: left; 
}
/* -------- / wrapper --------------- */



/* -------- branding --------------- */
#branding {
	height: 261px;
	background-image: url(images/under_branding.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 995px;
	}

	#branding-menu { display:block; width:995px; height:40px;}
	#branding-menu li{ float:left; list-style-type:none; padding:8px 10px;}
	#branding-menu #last-item{ padding-left:300px;}
	
	#branding-menu a{ color:#FFF; text-decoration:underline; font-weight:bold; font-size:small; }
	#branding-menu a:hover{
	color:#FC0;
	text-decoration:none;
	font-weight:bold;
}

	#branding-logo-click a{ display:block; width:200px; height:200px;}

/* -------- / branding --------------- */


/* -------- #mainNav --------------- */
#mainNav {
  list-style: none;
  width: 210px; 
  float: left; 
  margin-bottom:50px;
}
	.under-menu a{
	background-image: url(images/under-menu.png) !important;
	background-image: url(images/under-menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:195px; display:block; height:40px;
	padding: 13px 0 0px 15px; 
	color:#9b3e01; 
	font-weight:bold; 
	}
	
	.under-menu a:hover{
	background-image: url(images/under-menu.png) !important;
	background-image: url(images/under-menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:195px;
	display:block;
	height:40px;
	padding: 13px 0 0px 15px;
	color:#D25400;
	font-weight:bold;
	text-decoration:none;
	}
	
	#mainNav .odkaz a{
	  color:#FC6;
	  font-weight:bold;
	  text-decoration:underline;
	  width:160px; display:block; height:auto;
	  padding: 0px 0 5px 15px;}
	
	#mainNav .odkaz a:hover{
	color:#FC0;
	font-weight:bold;
	text-decoration:none;
	width:160px;
	display:block;
	height:auto;
	padding: 0px 0 5px 15px;
}

/* -------- / #mainNav --------------- */


/* -------- #content --------------- */
#content { 
  width: 775px; 
  float: right; 
}
/* -------- #content --------------- */



/* -------- #mainContent --------------- */

#mainContent {
	width: 535px;
	margin: 0;
	float: left;
	padding-bottom:40px;
	color:#7C3201;
	}

#mainContent a{color:#7C3201; text-decoration:underline;}
#mainContent a:hover{color:#7C3201; text-decoration:none;}

#mainContent ul{ padding-left:20px; padding-bottom:20px;}

#mainContent .justify{ text-align:justify;}
	/* external links
	================================== */
	
	#mainContent a[href^="http:"] {
	  background: url(images/externalLink.gif) no-repeat right top;
	  padding-right: 10px;
	}
	
	#mainContent a[href^="http://www.slunecnice.us"], a[href^="http://slunecnice.us"]  {
	  background-image: none;
	  padding-right: 0;
	  }
	
	#mainContent a[href^="mailto:"] {
	  background: url(images/email.png) no-repeat right top;
	  padding-right: 15px;
	}
	
	


#mainContent .aktualizace{ font-size:10px;}

	#mainContent .kontakty{ width:80%; height:auto; margin-bottom:50px; display:block;}
	
	#mainContent .kontakty-foto{ float:right; display:block; width:130px; height:100px;}
	#mainContent .kontakty-info{ float:left; font-size:small; width:280px; height:auto;}
	
	#mainContent .kontakty-info a{ color:#7C3201; text-decoration:underline; font-size:small; font-weight:bold;}
	#mainContent .kontakty-info a:hover{ color:#7C3201; text-decoration:none; font-size:small; font-weight:bold;}
	
	/* easy drop shadow
	================================== */
	
	.img-wrapper {
	  background: url(images/shadow.png) no-repeat bottom right !important;
	  background: url(images/shadow.gif) no-repeat bottom right;
	  float:left;
	  line-height:0;
	  margin:10px;
	}
	 
	.img-wrapper img {
	  padding:1px;
	  border:1px solid #fff;
	  position:relative;
	  left:-5px;
	  top:-4px;
	}

		.img-wrapper-fotogalerie {
	  background: url(images/shadow.png) no-repeat bottom right !important;
	  background: url(images/shadow.gif) no-repeat bottom right;
	  float:left;
	  line-height:0;
	  margin:12px;
	}

		.img-wrapper-fotogalerie img {
	  padding:1px;
	  border:1px solid #fff;
	  position:relative;
	  left:-5px;
	  top:-4px;
	}


	

/* -------- / #mainContent --------------- */


/* -------- #secondaryContent --------------- */

#secondaryContent { 
  width: 220px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right; 
} 

#secondaryContent a{ text-decoration:underline; color: #000; font-size:11px; }

	#SC-fotogalerie a{
	width: 220px;
	background-image: url(images/fotogalerie.png) !important;
	background-image: url(images/fotogalerie.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;	
	display:block;
	margin-bottom:10px;
} 
	
	#SC-videa a{
	width: 220px;
	background-image: url(images/videa.png) !important;
	background-image: url(images/videa.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;	
	display:block;
	margin-bottom:10px;
} 

#SC-katalog a{
	width: 220px;
	background-image: url(images/katalog.png) !important;
	background-image: url(images/katalog.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;	
	display:block;
	margin-bottom:10px;
} 

#SC-podpora a{
	width: 220px;
	background-image: url(images/podpora.png) !important;
	background-image: url(images/podpora.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;	
	display:block;
	margin-bottom:10px;
} 
#SC-akcecihla a{
	width: 220px;
	background-image: url(images/akce-cihla.png) !important;
	background-image: url(images/akce-cihla.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;	
	display:block;
	margin-bottom:10px;
} 

#SC-casopis a{
	width: 220px;
	background-image: url(images/casopis.png) !important;
	background-image: url(images/casopis.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;	
	display:block;
	margin-bottom:10px;
} 

/* -------- / #secondaryContent --------------- */


/* -------- #footer --------------- */
#footer {
  clear: both; 
  padding: 50px 0 0 10px;
  height:80px;
  }
  
  #footer p{ text-align:center; padding:0px; margin:0px;}
  
  #footer li{ list-style:none; float:left; padding:5px 30px 0 30px;}
  #footer ul{ display:block; height:auto; width:auto; margin-left:150px; padding:0;}
  
  #urad-prace a{
	display:block;
	width:36px;
	height:36px;	
	background-image: url(images/up.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
  
    #mpsve a{
	display:block;
	width:36px;
	height:36px;	
	background-image: url(images/mpsv.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mk a{
	display:block;
	width:97px;
	height:36px;	
	background-image: url(images/mk.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#zlin a{
	display:block;
	width:52px;
	height:37px;	
	background-image: url(images/zlin.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#zl-kraj a{
	display:block;
	width:123px;
	height:37px;	
	background-image: url(images/zl-kraj.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/* -------- #footer --------------- */