body {
	margin: 0;
	padding: 0;

	background: #FFFFFF;
	color: #333333;

	text-align: center;
	line-height: 1.3em;

	font-family: Verdana,Geneva,Kalimati,sans-serif;
	font-size: 85%;
}
table {
	line-height: 1.3em;
	font-size: 1.0em;
}

.img, .ilu {
	border: 1px solid #FF6600;
	background: #FFFFFF;
}

a {
	color: #FF6600;
}
	a:visited {
		color: #FF6600;
	}
	a:hover {
		color: #C43C03;
	}

	a img {border: none;}
	a .img,
	a .ilu {
		border: 1px solid orange;
	}
		a:hover .img,
		a:hover .ilu {
			filter: alpha(opacity=70, style=0);
			-moz-opacity: 0.7;
		}


p {
	margin: 0;
	padding: 0;
}
hr {

}

/* //////////////////////////////////// FORMULARE //////////////////////////////////////// */
form {}
	form fieldset {
		border: none;
		border-top: 1px solid #996600;
	}
		form fieldset legend {
			color: #996600;
		}

	form .form-row {
		clear: both;
		margin-top: 0.3em;
	}
		form .form-row label {
			display: block;
			float: left;
			width: 150px;

			text-align: right;
		}
		form .form-row .label {}

		form .form-row .fi-submit,
		form .form-row .fi-text,
		form .form-row .fi-textarea {
			margin-left: 0.3em;
			font-family: Trebuchet MS, Arial, sans-serif;
			font-size: 1.0em;

		}
		form .form-row .fi-text {
			width: 350px;
			padding: 0 3px;
			border: 1px solid #7F7F7F;
			background: #595959;
			color: #FFFFFF;
		}
		form .form-row .fi-textarea {
			width: 350px;
			height: 150px;
			padding: 3px;
			border: 1px solid #7F7F7F;
			background: #595959;
			color: #FFFFFF;
		}

	form .submit {
		padding-left: 150px;
	}
		form .form-row .fi-submit {
			padding: 1px 20px;
			color: #996600;
			border: 1px solid #996600;
			background: #523700;
			font-family: Trebuchet MS, Arial, sans-serif;
			font-size: 1.0em;
			font-weight: bold;
		}
	form fieldset .note {
		margin: 5px 0.3em;
		color: #555555;
		font-style: italic;
	}


/* /////////////////////////////////// LAYOUT /////////////////////////////////////// */
#page-holder {
	width: 798px;

	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;


	text-align: left;
}
	#page-holder #page-box {
		position: relative;

		width: 798px;

		margin-top: 10px;
		margin-bottom: 10px;
		padding: 1.6em 2px 2px 2px; /* stejne jako vyska #header-info */

		border: 1px solid #CCCCCC;
	}
	#page-holder #page-header {
		margin: 0 0 2px 0;
	}

		#page-holder #page-header a {
			display: block;

			height: 150px;

			background: #650002 url('img/safarik-eu-tepelna-technika-logo.png') left top no-repeat;

			text-decoration: none;
		}
			#page-holder #page-header a span {
				visibility: hidden;
			}

	#page-holder #page-content {
		float: right;
		width: 620px;

		padding: 10px;

		font-size: 0.8em;
	}
		#page-holder #page-content #page-title {
			margin: 0 0 1.5em 0;
			padding: 0 0 0 15px;

			color: #666666;
			border-bottom: 1px dashed #CCCCCC;
			background: transparent url('img/heading-square.png') left -5px no-repeat;

			font-size: 1.2em;
			font-weight: bold;

		}

	#page-holder #header-info {
		position: absolute;
		top: 0;
		left: 0;

		margin: 1.6px;

		width: 798px;
		height: 2em;
		overflow: hidden;

		line-height: 1.6em;
		font-size: 0.9em;
	}
		#page-holder #header-info p {
			position: absolute;
			top: 0;
			left: 0;
			width: 500px;

			display: block;
			margin: 0;
			padding: 0 2px;

			font-style: italic;
		}

		#page-holder #header-info #contacts {
			position: absolute;
			top: 0;
			right: 0;
			width: 200px;

			display: block;
			margin: 0;
			padding: 0 2px;

			text-align: right;
			font-weight: bold;
		}
			#page-holder #header-info #contacts a:hover {
				color: #C43C03;
			}
	#page-holder #page-left {
		float: left;
		width: 155px;
	}

	#page-holder #page-footer {
		clear: both;
		padding: 0 10px;

		color: #FF6600;

		line-height: 1.4em;
		text-align: center;
		font-size: 0.7em;
	}
		#page-holder #page-footer p {
			margin: 0 0 1.3em 0;
			padding: 0;
		}

/* ///////////////////////////////// BOXY ///////////////////////////////////// */
.box {
	border: solid 1px #C03B04;
	border-width: 1px 0;

	font-size: 0.8em;
}
	.box h4 {
		margin: 0;
		padding: 1px 4px;

		color: #FFFFFF;
		background: #C03B04;
		border-bottom: solid 1px #dd490b;

		font-size: 0.9em;
		font-weight: normal;
		text-transform: uppercase;
	}
	.box .box-content {
		padding: 10px;
	}


/* /////////////////////////////////// MENU /////////////////////////////////////// */
#menu {
	display: block;
	margin: 0;
	padding: 0;

	background: transparent url('img/menu-bkg.png') left top repeat-y;

	font-family: Arial, Helvetica, sans-serif;
}
	#menu li {
		display: block;
		margin: 0;
		padding: 0px 4px;

		border-bottom: solid 1px #dd490b;

		list-style-type: none;
	}
		#menu li a,
		#menu li a:visited {
			padding: 0 0 0 16px;

			color: white;
			background: transparent url('img/menu-li.png') left center no-repeat;

			font-weight: bold;
			text-decoration: none;
		}
			#menu li a:hover {
				color: #FF6600;
			}

/* /////////////////////////////////// NAVIGACNI PRVKY /////////////////////////////////////// */
.navigator {
	font-size: 0.9em;
}
	.navigator a,
	.navigator a:visited {
		color: #333333;
		text-decoration: none;
	}

	.navigator .navigator-top {}
	.navigator .back {background-image: url('img/ico-back.gif');}
	.navigator .top {background-image: url('img/ico-top.gif');}
	.navigator .print {background-image: url('img/ico-print.gif');}
	#page-perex .navigator a, #page-perex .navigator a:visited {}


/* /////////////////////////////////// SPECIALNI PRVKY /////////////////////////////////////// */
.hidden {
	display: none;
}
.clear {
	display: block;
	clear: both;
	height: 0;
	_height: 1px;
	margin: 0;
	padding: 0;
	font-size: 1px;
}