/* CSS - common styles pro KOVARSTVI-BEHAL.cz | by NOBARRIER.info */

body {
	background: #5D6266;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 3px 0;
	text-align: center;
	font-size: .83em;
}
	body * {
		margin: 0;
		padding: 0;
	}
#header {
	width: 676px;
	height: 126px;
	background: #DEDEDE;
	margin: 0 auto;
}
	#header h1 {
		width: 676px;
		height: 126px;
		position: relative;
		text-align: left;
		font-size: 1.2em;
	}
	#header h1 a#link2hp {
		width: 122px;
		height: 80px;
		display: block;
		position: absolute;
		left: 520px;
		top: 25px;
		text-decoration: none;
	}
	#header h1 img {
		display: none;
	}
	#header h1 address {
		font-size: .9em;
		font-weight: normal;
	}
	#header h1 span {
		display: block;
		width: 676px;
		height: 126px;
		position: absolute;
		top: 0;
		left: 0;
		background: transparent url(../images/header.jpg) top left no-repeat;
	}
#container {
	width: 676px;
	margin: 0 auto 3px auto;
	text-align: left;
	background: #FFF url(../images/container_bckgr.gif) top left repeat-y;
	position: relative;
	overflow: hidden;
}

	#menu {
		position: absolute;
		left: 490px;
		width: 171px;
		height: 192px;
		border: solid 1px #CCC;
		background: #F0F0F0;
	}
	#menu h3 {
		width: 171px;
		height: 26px;
		overflow: hidden;
		position: relative;
	}
		#menu h3 span {
			display: block;
			width: 171px;
			height: 26px;
			position: absolute;
			top: 0;
			left: 0;
			background-image: url(../images/menu_nadpis.gif);
		}
	#menu a {
		display: block;
		width: 170px;
		height: 18px;
		font-size: .83em;
		position: relative;
		color: #000;
		overflow: hidden;
	}
	#menu #butt1, #menu #butt8 {
		height: 19px;
	}
	#menu a span {
		display: block;
		width: 171px;
		height: 18px;
		position: absolute;
		top: 0;
		left: 0;
		background: transparent url(../images/button_ofirme.gif) top left no-repeat;
		cursor: pointer;
	}
	#menu a.active span {
		background-position: top right;
	}
		#menu #ofirme {
			background-image: url(../images/button_ofirme.gif);
			height: 19px;
		}
		#menu #vyroba {
			background-image: url(../images/button_vyroba.gif);
		}
		#menu #nabytek {
			background-image: url(../images/button_nabytek.gif);
		}
		#menu #pamatky {
			background-image: url(../images/button_pamatky.gif);
		}
		#menu #design {
			background-image: url(../images/button_design.gif);
		}	
		#menu #reference {
			background-image: url(../images/button_reference.gif);
		}
		#menu #historie {
			background-image: url(../images/button_historie.gif);
		}
		#menu #kontakt {
			background-image: url(../images/button_kontakt.gif);
		}
		#menu #eshop {
			background-image: url(../images/button_eshop.gif);
			height: 19px;
		}
		#menu a:hover {
			background: transparent;
		}
		#menu a:hover span.img_button {
			background-position: top right;
		}		
	#content {
		margin: 0 189px 3px 14px;
		border: solid 1px #CCC;
		_height: 400px;
		min-height: 400px;
		font-size: .83em;
	}
		.ofirme {
		background: #FFF url(../images/content_bckgr_ofirme.gif) 0 0 repeat-y;
		}
		.vyroba {
		background: #FFF url(../images/content_bckgr_vyroba.gif) 0 0 repeat-y;
		}
		.nabytek {
		background: #FFF url(../images/content_bckgr_nabytek.gif) 0 0 repeat-y;
		}
		.pamatky {
		background: #FFF url(../images/content_bckgr_pamatky.gif) 0 0 repeat-y;
		}
		.design {
		background: #FFF url(../images/content_bckgr_design.gif) 0 0 repeat-y;
		}
		.reference {
		background: #FFF url(../images/content_bckgr_vystavy.gif) 0 0 repeat-y;
		}
		.historie {
		background: #FFF url(../images/content_bckgr_historie.gif) 0 0 repeat-y;
		}
		.kontakt {
		background: #FFF url(../images/content_bckgr_kontakt.gif) 0 0 repeat-y;
		}
		.stojany {
		background: #FFF url(../images/content_bckgr_kontakt.gif) 0 0 repeat-y;
		}
		#content h2 {
			width: 339px;
			color: #FFF;
			height: 23px;
			font-size: 1em;
			border: solid 1px #FFF;
			border-width: 1px 0 0 1px;
		}
			#content h2 strong {
				margin-left: 20px;
				position: relative;
				top: 3px;
			}
			#content h2.h2_ofirme {
				background: #000 url(../images/menu_h3_bckgr_ofirme.gif) top left repeat-y;
			}
			#content h2.h2_vyroba {
				background: #A62305 url(../images/h2_vyroba_bckgr.gif) top left repeat-y;
			}
			#content h2.h2_nabytek {
				background: #F00 url(../images/h2_nabytek_bckgr.gif) top left repeat-y;
				color: #000
			}
			#content h2.h2_pamatky {
				background: #F60 url(../images/h2_pamatky_bckgr.gif) top left repeat-y;
				color: #000
			}			
			#content h2.h2_design {
				background: #FFCF0F url(../images/h2_design_bckgr.gif) top left repeat-y;
				color: #000;
			}	
			#content h2.h2_reference {
				background: #FFFF57  url(../images/h2_reference_bckgr.gif) top left repeat-y;
				color: #000;
			}	
			#content h2.h2_historie {
				background: #FFFFC1  url(../images/h2_historie_bckgr.gif) top left repeat-y;
				color: #000;
			}	
			#content h2.h2_kontakt {
				background: #E0E0E0  url(../images/h2_kontakt_bckgr.gif) top left repeat-y;
				color: #000;
			}	
			#content h2.h2_stojany {
				background: #E0E0E0  url(../images/h2_kontakt_bckgr.gif) top left repeat-y;
				color: #000;
			}
		#content #img {
			width: 129px;
			height: 353px;
			position: absolute;
			left: 357px;
			top: 1px;
		}
			#content div.img01 {
				background: transparent url(../images/img_ofirme_new.gif) top left no-repeat;
			}
			#content div.img02 {
				background: transparent url(../images/img_vyroba_new.gif) top left no-repeat;
			}			
			#content div.img03 {
				background: transparent url(../images/img_nabytek.gif) top left no-repeat;
			}
			#content div.img04 {
				background: transparent url(../images/img_pamatky.gif) top left no-repeat;
			}			
			#content div.img05 {
				background: transparent url(../images/img_design.gif) top left no-repeat;
			}			
			#content div.img06 {
				background: transparent url(../images/img_vystavy.gif) top left no-repeat;
			}		
			#content div.img07 {
				background: transparent url(../images/img_historie.gif) top left no-repeat;
			}	
			#content div.img08 {
				background: transparent url(../images/img_kontakt.gif) top left no-repeat;
			}	
		#content h4 {
			font-size: 1em;
			margin-top: 5px;
		}		
		#content .text {
			padding: 5px 135px 5px 18px;
		}
		#content .text p {
			padding: 2px 0;
		}
		#content ul {
			margin: 5px 0 10px 20px; 
		}
		#content #content_footer {
			margin-top: 10px;
			height: 7px;
		}
			#content div.cf_ofirme#content_footer {
				background: transparent url(../images/content_footer_vyroba.gif) 0 1px no-repeat;
			}
			#content div.cf_vyroba#content_footer {
				background: transparent url(../images/content_footer_vyroba.gif) 0 1px no-repeat;
			}
	#pagefooter	{
			font-size: .7em; 
			text-align: right; 	
			width: 666px; 
			margin: 0 auto; 
			color: #C2C2C2
	}
	#pagefooter a {
		color: #C2C2C2;
		text-decoration: none;
	}
		#pagefooter a:hover {
			text-decoration: underline;
			color: #FFF;
		}
	div.foto {
		margin: 8px 0 10px 50px;
	}
	#content .short {
		float: left;
		margin: 8px 5px 8px 5px;
	}
	#content	.foto h4 {
			font-size: .83em;
			font-weight: normal;
			margin: 0;
		}
		#content .short h4 {
			width: 147px;
		}
	.text .margup li, h4.margup {
		margin-top: 2px;
	}
	
#formmessage {
	margin-top: 10px;
	position: relative;
	height: 200px;
	width: 304px;
}

#formmessage label, #formmessage input, #formmessage textarea {
	position: absolute;
}
	#formmessage fieldset {
		height: 190px;
		border: solid 1px #BBBBBB;
	}
	#formmessage legend {
		border: solid 1px #BBB;
		padding: 1px 4px;
		margin-bottom: 10px;
	}
	#formmessage label {
		left: 5px;
	}
	#formmessage input, #formmessage textarea {
		left: 80px;
		background: #ECECEC;
	}
	#email {
		border: solid 1px #BBB;
	}
	label.message, #message {
		top: 50px;
	}
	#message {
		border: solid 1px #BBB;
		height: 100px;
		width: 210px;
	}
	#formmessage #send {
		left: 80px;
		top: 160px;
		cursor: pointer;
		background: #C9C9C9;
	}
	span.underl {
		text-decoration: underline;
	} 

#banner {
	top: 80px;
	left: 130px;
	position: absolute;
	height: 380px;
	width: 380px;
	background-color: #FFFFFF;
	z-index:2;
	text-align: center;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	border: #000000 solid 1px;
	visibility:visible;
	background-image: url(../images/bg-banner.gif);
	background-repeat: no-repeat;
}

#banner-delete {
	top: 82px;
	left: 525px;
	position: absolute;
	visibility:visible;
	z-index:3;
}

.pismo {
	color:#CC3300;
	font-size:22px;
	font-weight:bold;
	line-height: 24px;
}

.button {
    color: black;
	font-size: 11px;
	border-width: 1px;
	border-color: #CCCCCC;
	background: #FFAAAA;
	font-weight: normal;
}	

#rightpanelbanner {
	position: absolute; border: double 3px #CCC; left: 490px; top: 180px; width: 167px; font-size: .78em;
	background: #FFF url(../images/rightpanel_bckgr.gif) top left no-repeat;
}
#rightpanelbanner1 {
	background: #FFFF00;
	color:#0066CC;
	height:24px;
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
}

#rightpanelbanner p, #rightpanelbanner h3 {
	padding: .5em; margin: 2px;
}
#rightpanelbanner p a {
	color: #F00;
}