body { 
	font-family: Arial, 
	Helvetica, sans-serif; 
	line-height: 1.1em; 
	background-color: #c0c0c0; 
	background-image: url(images/body_bg.gif); 
	background-repeat: repeat-x; 
	text-align: center; 
	margin: 0; 
	padding: 0 0 20px
}
#content { 
	background-image: url(images/bg.gif); 
	background-repeat: repeat-y; 
	text-align: left; 
	width: 790px; 
	margin: 0 auto; 
	padding: 0; 
}
fieldset { 
	margin-bottom: 10px; 
	padding: 15px; 
	border: solid 1px gray; 
}
h1 {
	color: #a33c3c;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-top: 1.5em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
h2 {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
h3 { 
	color: #d37f37; 
	font-size: 0.9em; 
	line-height: 35px; 
	height: 35px; 
	padding-left: 20px; 
	background-color: #454d52; 
	margin: 0;
}
h4 { 
	color: #a33c3c; 
	font-size: 1.5em; 
	font-weight: bold; 
	line-height: 1.5em; 
	margin: 0; 
	padding-top: 20px;
}
h5 {
	font-size: 0.8em;
	font-weight: bold;
	background-color: #d8d8d8;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
h6 { 
	font-size: 0.8em; 
	font-weight: bold; 
	background-color: #d8d8d8; 
	background-repeat: no-repeat; 
	background-position: 
	left center; 
	margin: 0; 
}
table { 
	font-size: 0.8em; 
	margin-top: 20px; 
	margin-left: 0; 
}
ul {
	line-height: 1.5em;
	list-style-type: disc;
	margin: 1em 0 1em 10px;
	font-size: 1em;
}
a:hover { 
	COLOR: #306d9f 
}
a {	
	COLOR: #003663 
}
img {
	border-width: 0;
}
label { 
	text-align: right; 
	width: 20%; 
	float: left; 
	margin-right: 10px; 
}
p { 
	color: #000; 
	font-size: 0.8em; 
	text-align: justify; 
	margin: 0; 
	padding: 5px 0 5px 0; 
}
p span { 
	color: #000; 
	font-size: 95%; 
	font-weight: normal; 
	text-align: justify; 
	margin-top: 0.5em; 
	margin-bottom: 0.5em; 
	padding: 0; 
}
th {
	background-color: #477da7;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
td {
	background-color: #5e8eb4;
	color: #CCCCCC;
	text-align: center;
}
td.hod {
	background-color: #c3dbed;
	color: #000000;
	text-align: center;
}

.li {
	font-size: 80%;
	font-weight: bold;	
}
.strong {
	font-weight: bold;
}
#header { 
	background-image: url(images/header.jpg); 
	background-repeat: no-repeat; 
	height: 270px; 
}
.header_img  {
	width: 350px;
	height: 205px;
	float: right;
	margin-top: 78px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
}
#logo { 
	background-image: url(images/logo.gif); 
	background-repeat: no-repeat; 
	position:	relative; 
	left: 40px; 
	width: 299px; 
	height: 76px; 
	float: left; 
}
#logo span { 
	background-repeat: no-repeat; 
	width: 299px; 
	height: 76px; 
	cursor: pointer; 
	display: block; 
}
ul#navigace {
	color: #d15900;
	font-weight: bolder;
	background-color: #454d52;
	height: 35px;
	overflow: hidden;
	border-top: 8px solid #454d52;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 14px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}
ul#navigace li { 
	float: left; 
	list-style: none; 
	margin-left: 0; 
	padding-left: 0; 
}
ul#navigace li a {
	display: block;
	float: left;
	color: #d37c37;
	font-size: 0.9em;
	font-weight: bolder;
	line-height: 35px;
	background-image: url(images/sep_nav.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
	height: 35px;
	background-color: #454d52;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
ul#navigace li a.last { 
	background-image: 
	none; background-repeat: 
	repeat; background-attachment: 
	scroll; background-position: 0 0;
}
ul#navigace li a:hover { 
	color: #000; 
	background-color: #fff; 
	position: relative; 
}
ul#navigace li a:hover.last { 
	color: #000; 
	background: #d8d8d8; 
}
body.kon #navigace li#nav-6 a { 
	color: #000; 
	font-weight: bolder; 
	background-color: #d8d8d8; 
	position: relative; 
}
body.uvod #navigace li#nav-1 a, 
body.pro-alu #navigace li#nav-2 a,
body.pro-dver #navigace li#nav-2 a, 
body.pro-poz #navigace li#nav-2 a, 
body.pro-fas #navigace li#nav-2 a, 
body.pro-okno #navigace li#nav-2 a, 
body.pvc-geal #navigace li#nav-3 a,
body.pvc-tro #navigace li#nav-3 a,
body.pvc-bar #navigace li#nav-3 a,
body.pvc-tk #navigace li#nav-3 a,
body.pvc-dop #navigace li#nav-3 a,
body.cert #navigace li#nav-4 a,
body.refer #navigace li#nav-5 a { color: #000; font-weight: bolder; background-color: #fff; position: relative; }
ul#pod-nav { color: #454d52; font-size: 80%; width: auto; height: 25px; overflow: hidden; margin: 0 0 20px; padding: 0; }
ul#pod-nav li { float: left; margin-top: 0; list-style: none; margin-left: 0; padding-top: 0; padding-left: 0; }
ul#pod-nav li a { display: block; float: left; color: #454d52; font-size: 0.9em; line-height: 35px; background-image: url(images/pod-nav_sep.gif); background-repeat: no-repeat; background-position: right top; text-decoration: none; height: 35px; padding-right: 7px; padding-left: 7px; }
ul#pod-nav li a.last { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
ul#pod-nav li a:hover { color: #d37c37; text-decoration: underline; position: relative; }
body.pro-alu #pod-nav li#nav1 a, 
body.pro-dver #pod-nav li#nav2 a, 
body.pro-poz #pod-nav li#nav3 a, 
body.pro-fas #pod-nav li#nav4 a,
body.pro-okno #pod-nav li#nav5 a,
body.pvc-geal #pod-nav li#nav1 a,
body.pvc-tro #pod-nav li#nav2 a,
body.pvc-bar #pod-nav li#nav3 a,
body.pvc-tk #pod-nav li#nav4 a,
body.pvc-dop #pod-nav li#nav5 a  { color: #d37c37; text-decoration: underline; position: relative; }
.chyba { color: #db003a; font-size: 1.1em; font-weight: bold; background-color: #c0c0c0; text-align: center; padding: 10px; border: solid 2px; }
.cleaner { font-size: 1px; line-height: 1px; float: none; clear: both; }
#left_fl { width: 580px; float: left; padding: 0; }
.left_obsah { width: auto; padding-right: 20px; padding-left: 40px; }
.obr { text-align: center; padding-top: 20px; padding-bottom: 20px; }
.profily { margin-top: 10px; margin-bottom: 10px; }
.odkz { color: #db003a; font-size: 1em; font-weight: bold; line-height: 1.5em; background-color: #d8d8d8; text-align: justify; padding: 5px 10px; border: solid 2px; }
.obr_pr { width: 110px; float: left; }
.obr_pr a img { border: solid 2px #fff; }
.obr_pr a:hover img { border: solid 2px #808080; }
.pr_inr { background-color: #ededed; width: 250px; height: 300px; float: left; margin-left: 5px; }
.pr_inr h6 { background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.pr_inr p { padding-left: 10px; }
.pr_rgh { background-color: #ededed; text-align: center; width: 150px; height: 300px; float: left; margin-left: 5px; }
.pr_rgh p { font-size: 80%; text-align: center; }
.pr_inr065 { background-color: #ededed; width: 250px; height: 380px; float: left; margin-left: 5px; }
.pr_inr065 h6 { background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.pr_inr065 p { padding-left: 10px; }
.pr_rgh065 { background-color: #ededed; text-align: center; width: 150px; height: 380px; float: left; margin-left: 5px; }
.pr_rgh065 p { font-size: 80%; text-align: center; }
.pr_inr082 { background-color: #ededed; width: 400px; height: 550px; float: left; margin-left: 5px; }
.pr_inr082 h6 { background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.pr_inr082 p { padding-left: 10px; }
.pr_rgh082 { background-color: #ededed; text-align: center; width: 150px; height: 350px; float: left; margin-left: 5px; }
.pr_rgh082 p { font-size: 80%; text-align: center; }
.left_cert { width: auto; padding-top: 30px; padding-left: 70px; }
.card1, .card2 { background-color: #d8d8d8; text-align: center; width: 220px; float: left; margin-bottom: 15px; }
.card1 a img, .card2 a img { border: solid 2px #c0c0c0; padding:0; }
.card1 a:hover img, .card2 a:hover img { border: solid 2px #808080; }
.card_in { padding: 5px; }
.card1 { margin-right: 15px; }
.reference   { margin-top: 20px; padding-bottom: 10px; border-bottom: 1px dotted #6c7657  }
.reference a img { margin-top: 10px; margin-right: 3px; border: solid 2px #d0d0d0     }
.reference a:hover img { margin-top: 10px; margin-right: 3px; border: solid 2px #999     }
.reference p  { text-align: justify; }
.dat { color: #f90 ; font-weight: bold; margin-right: 10px; }
.form_obsah { width: auto; padding: 35px; }
#form p { margin-top: 20px; margin-bottom: 20px; padding: 0; }
form { background-color: #d8d8d8; margin: 0; padding: 20px 0; }
.floatleft {
	float: left;
	padding: 2px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
} 
.floatright {
	float: right;
	padding: 2px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
} 
.barvy {
	background-color: #d8d8d8;
	width: auto;
	float: left;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
}
.barvy_in {
	padding: 8px;
	margin: 0px;
}
.barvy_in p {
	text-align: center;
	font-weight: bold;
}
.mapa a img { border: solid 2px #c0c0c0; }
.mapa a:hover img { border: solid 2px #a33c3c; }
.noscreen { display: none; }
#right_fl { width: 190px; float: right; }
.right_obsah { width: auto; }
.home { padding: 10px 10px 10px 15px; }
.home img { margin-left: 7px; }
.firmy { padding-top: 20px; padding-bottom: 20px; padding-left: 30px; }
.firmy a img { width: auto; margin: 5px; border: solid 1px #808080; }
.firmy a:hover img { border: solid 1px #c0c0c0; }
.ref { text-align: left; width: auto; margin: 0; padding: 10px 0; }
.ref a img { width: auto; border: solid 1px #808080; }
.ref a:hover img { border: solid 1px #c0c0c0; }
.kont { margin: 20px 10px 30px 15px; }
#footer { background-image: url(images/footer.gif); background-repeat: no-repeat; background-position: 0 center; text-decoration: none; text-align: center; width: 790px; height: 38px; }
.copy { width: auto; height: auto; }
.copy p { color: #d15900; font-weight: normal; text-decoration: none; text-align: center; padding-top: 10px; }
.copy p a { color: #d15900; font-weight: normal; text-decoration: none; }
.copy p a:hover { color: #d15900; font-weight: normal; text-decoration: underline; }