@charset "utf-8";
/* CSS Document */


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/*
.png{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}
*/

body
{
	margin:0px;
	padding:10px 0px 10px 0px;
}




.h
{
	display: block; 
	width: 0;
	height: 0;
	overflow: hidden;
}


#main {
	width: 955px;
	border-top:1px solid #C4A97B;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	margin-top:0px;
	padding:0px;

	font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; 
}

#main #clear
{
	clear:both; 
	margin:0px;
	padding:0px;
	display:block;;
	top:0px;
	left:0px;	
	border-left:1px solid #C4A97B;
	border-right:1px solid #C4A97B;
	
}

h3
{
	margin:0px;
	padding:0px;
}

#main #clear #content 
{
	clear:both;

	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	
	padding-bottom:50px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	
}


#main #header 
{
	background-image: url(../css_images/topStrip.jpg);
	background-repeat: repeat-y;
	margin:0px;
	padding:0px;
	background-color: #FFE924;
	width: 953px;
	height:105px;
	border-left:1px solid #C4A97B;
	border-right:1px solid #C4A97B;
}


#main #header #logo 
{

	width: 197px;
	height: 116px;
	background: url("../css_images/topekLogo.png") no-repeat;
	position:absolute;	
	top: 0px;
	display:block;
	margin-left:16px;
	overflow:visible;
	z-index: 1;
}

#main #header #logo span
{
	display: block;

	width: 0;
	height: 0;	
	overflow: hidden;
	/*	*/
}


#main #header #subLabel 
{
	font-size: 28px;
	font-weight:normal;
	color: #A6771C;
	position:relative;
	top:20px;
	right:24px;
	float:right; 
	height:40px;
	display:block;
	margin:0px;
}

#main #header #subLabel a
{
	text-decoration:none;
	color:#A6771C;
} 

#smallLogo 
{
	background-image: url(../css_images/smallLogo.gif);
	background-repeat:no-repeat;
	
	width:37px;
	height:43px;
	position:relative;
	left: -5px;
	top: -15px;
	overflow:visible;
	display:block;
	float:left; 
}


#main #header #menu 
{
	background-color: #977B4A;
	width:953px;
	height:34px;
	position:relative;
	left: 0px;
	/*
	top: -85px;
	*/
	top:32px;
	float:right;
	margin:0px;
	z-index: 0;

}
#main #header #menu ul 
{
	display: inline;
	float:left;
	margin:0px;
	padding-top:0px;
	padding-left:250px;
	
}
#main #header #menu li 
{
	display: inline;
	text-transform:uppercase;
	height:34px;
}

#main #header #menu ul a
{
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 9px;
	display:block;
	float:left;
	height:28px;
	vertical-align:middle;
}

#main #header #menu ul a:hover 
{
	background-color:#990000;
	background-image:url(../css_images/menuBg.gif);
	
}








#main #content p
{
	color:#912010;
}

#main #content a
{
	color:#912010;
	text-decoration:none;
}


/*
#main #content h4
{
	float:left;
	font-size: 36px;
	color: #912010;
	font-weight: normal;
}
*/

/*
#cukrGr
{
	margin:0px;
	padding:0px;
	background-image: url(../css_images/cukrGr.jpg);
	background-repeat:no-repeat;
	background-position:0px 30px;	
	height: 311px;	
}
*/

#chlazGr
{
	margin:0px;
	padding:0px;
	background-image: url(../css_images/chlazGr.jpg);
	background-repeat:no-repeat;
	background-position:0px 30px;	
	height: 311px;	
	float:left;
	width:300px;	
}

#cukrGr
{
	margin:0px;
	padding:0px;
	background-image: url(../css_images/pecivoGr.jpg);
	background-repeat:no-repeat;
	background-position:0px -50px;	
	height: 311px;	
	float:left;
	width:300px;	
}


#kontGr
{
	margin:0px;
	padding:0px;
	background-image: url(../css_images/kontakty.jpg);
	background-repeat:no-repeat;
	background-position:0px 30px;	
	height: 311px;	
	float:left;
	width:300px;
	
}

#firmGr
{
	padding:0px 0px 0px 0px; 
	background-image: url(../css_images/firmaGr.jpg);
	background-repeat:no-repeat;
	background-position:0px 30px;
	height: 311px;	
	float:left;
	width:300px;	
}

#leftContent
{

	color:#912010;
	width:600px;

	padding:10px;
	height:auto;
	/*
	border:1px solid #ff00ff;
	*/
	float:right;	
}

#leftContent h3
{
	padding-top:20px;
	padding-bottom:30px;
}


#sitGr
{
	margin:0px;
	padding:0px;
	background-image: url(../css_images/sitGr.jpg);
	background-repeat:no-repeat;
	height:307px;
	float:left;
	width:300px;		
}


#main #content ul
{
	padding:0px;
	margin:30px 0px 0px 0px;
	/*
	height:345px;
	*/
	height:285px;	
	position:absolute;
	top:190px;
	display:block;
	

}

#detail
{
	height:350px;
}

#main #content li {
	display: inline;
	float:left;
	padding-left:15px;
}

/*#main #content li.normal {*/

#linorm 
{
	position:relative !important;
	height:auto !important;
	top:auto !important;
	left:10px;	
	padding:20px !important;
	margin:0px 0px 0px 0px !important;
}

#linorm li
	{
	position:static;
	display: list-item !important;
	padding-left:inherit !important; 
	float:inherit !important;
	padding:5px !important;
	margin:0px 0px 0px 0px !important;	
}

/*
#main #content #detail 
{
	position:relative;
	height:380px;
}
*/

#main #content #detail a
{
	width:291px;
	height:345px;
	display:block;
	text-decoration:none;
	background-position:0px 30px;
}


#main #content a span
{
	color:#912010;
	font-size:22px;
	font-weight:bold;
	top:210px;
	left:20px;
	position:relative;

	
}


#main #content #pecivo a{
	background-position:0px 0px;
	background-image: url(../css_images/pecivo.jpg);

}
#main #content #chlazeny a{
	background-position:0px 0px;
	background-image: url(../css_images/chlazeny.jpg);
}
#main #content #cukraske a{
	background-position:0px 0px;
	background-image: url(../css_images/cukraske.jpg);
}

#main #footer 
{
	/*
	border:solid 1px #ff00ff;	
	*/
	color: #A6771C;
	font-size: 15px;
	margin:0px;
	clear:both;
	
	/*
	background-color:#ff00ff;
	 */
	background-image: url(../css_images/bottomStripNew.png);
	background-repeat:no-repeat;
	width:968px;
	height:85px;
	left:-5px;


	/*
	 * 	top:-30px;
	top:33px;
		*/
	display:block;	
	position:relative;	
}

#main #footer span
{
	position:relative;;

	float:right;

	right:30px;
	top:60px;	
	padding:0px;
	margin:0px;

}

#main #footer address {
	font-variant: normal;
	display: inline;
	font-style: normal;
	margin:0px;
	
}

/*
#main #content h3
{
	font-size:36px;
	padding:0px;
}
*/

#main #content #slogan {

	color: #912010;
	font-weight: normal;	
	
	font-size:36px;
	
	margin-left:30px;
	margin-top:0px;
	padding-top:30px;
	padding-bottom:0px;

}
#main #content #slogan big {
	font-weight: bold;
	margin:0px;
	padding:0px;
}

#main #header #menu a {
	color: #FFFFFF;
	text-decoration: none;
	word-spacing: normal;
	font-weight: normal;
	font-size: 16px;
}

#main #footer #endLogo
{
	background: url(../css_images/bottomLogo.png) no-repeat;
	width:104px;
	height:110px;

	left:20px;

	top:-75px;


	float:right;
	clear:both;
	display:block;	
	position:relative;	

}
/* */

h5
{
	margin:0px;
	padding-top:10px;
	padding-bottom:0px;
}

h3
{
	font-size:36px;
}

h3, h4
{
	margin:0px;
	padding:0px;
}


h3.historie
{
	padding-bottom:0px !important;
	margin-bottom:0px !important;
}
h4.historie 
{
	padding:0px;
	margin:0px;
	font-size:30px;
	font-weight:normal;
}

h4.suboption
{
	padding:0px;
	margin:0px;
	font-size:24px;
	font-weight:normal;
	color:#C8AB72;
}