/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#000702; text-align:center;}
#main { width:960px; margin:0 auto; text-align:left; padding:0 10px 11px 10px;}
#header {height:443px;}
#footer { height:109px;}

p{
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

.column-1, .column-2{float:left;}
.container {width:100%; overflow:hidden;}
.column-1{ width:185px;}
.column-2{ width:180px;}
.column{ width:500px;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.6875em; line-height:1.455em; color:#362020;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#f18334;}
a:hover{text-decoration:none;}

/* ============================= main layout ====================== */
.imgindent {margin:5px 7px 0 0; float:left;}
.margin1{ margin-top:-8px;}
.margin2{ margin-top:5px;}
.padding1{ padding-top:20px;}
.padding2{ padding-top:17px;}
.padding3{ padding-top:28px;}

.projekty{
	margin-top:5px;
	margin-bottom:20px;
	border: 1px solid #AA9077;
	width: 525px;
	height: 110px;
}

.link2{position: relative; top: -15px;}

/* ============================= header ====================== */
#header{ background:url(http://www.hups.cz/images/header-bg.jpg) top no-repeat; position:relative;}
#header object{ vertical-align:top;}
#header .flash{ position:absolute; margin-top:10px;}

/* ============================= content ====================== */
#content{ background:url(http://www.hups.cz/images/content-bg.jpg) repeat-y;}
.content-bg{ background:url(http://www.hups.cz/images/content-top-bg.jpg) top no-repeat; padding:0 22px 0 281px;}
.page{ width:657px; background-color: white;background:url(http://www.hups.cz/images/page-bg.png) top no-repeat; margin-top:-137px; position:relative; z-index:1; border: 0px solid red;}
.page-tail{ background:url(http://www.hups.cz/images/page-tail.jpg) repeat-y;}
.page .indent{ padding:39px 77px 20px 54px; text-align: justify; border: 0px solid red; line-height: 160%;}

.links{ position:absolute; margin:-85px 0 0 -133px; z-index:2;}
.links li{ line-height:2.273em;}
.links a{ color:#e8d7c2; text-transform:uppercase; background:url(http://www.hups.cz/images/link-marker.gif) no-repeat 0 5px; padding-left:14px; text-decoration:none;}
.links a:hover{ text-decoration:underline;}

.title{ padding-bottom:9px;}
.box{ background:#200902; padding:12px 7px 10px 7px; margin:0 -7px 0 -7px; color:#d1b5aa; position:relative;}
.column-2{ margin-left:38px;}
.phone{ float:right; padding-right:57px;}
.mail{ text-transform:uppercase; padding-bottom:3px; font-size:0.909em;}

.link{ text-align:right; }
.link a{ background:url(http://www.hups.cz/images/link-bg.gif) no-repeat 0 4px; color:#f18334; text-transform:uppercase; padding-left:9px; font-size:0.909em;}

.link2{ text-align:right; }
.link2 a{ background:url(http://www.hups.cz/images/link2-bg.gif) no-repeat 0 2px; color:#71351f; padding-left:13px; font-size:0.909em;}

.list li{ line-height:2.273em; font-size:0.909em; line-height:2.2em;}
.list a{ color:#e8d7c2; text-transform:uppercase; background:url(http://www.hups.cz/images/link-marker.gif) no-repeat 5px 5px; padding-left:14px; text-decoration:none;}
.list a:hover{ text-decoration:underline;}

/* ============================= footer ====================== */
#footer{ background:url(http://www.hups.cz/images/content-bg.jpg) repeat-y;}
#footer .indent{ padding:15px 0 0px 326px;}
#footer .menu{ width:100%; overflow:hidden; color:#d1b5aa;}
#footer .menu li{ float:left; padding-left:8px;}
#footer .menu a{ color:#d1b5aa; text-decoration:none; margin-right:8px;}
#footer .menu a:hover{ text-decoration:underline;}
#footer .text{ color:#846a60; padding:1px 0 0 6px;}
#footer .text a{ color:#846a60;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:20px;}
#ContactForm .column-1{ width:183px !important;}
#ContactForm .column-2{ width:222px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:25px;}
#ContactForm input{ border:solid 1px #200902; background:url(http://www.hups.cz/images/form-bg.png); font-family:Tahoma, Geneva, sans-serif; font-size:1em; color:#362020; padding:2px 0 3px 3px; width:173px;}
#ContactForm textarea{ border:solid 1px #200902; background:url(http://www.hups.cz/images/form-bg.png); font-family:Tahoma, Geneva, sans-serif; font-size:1em; color:#362020; padding:2px 0 1px 3px; width:215px; height:65px; overflow:hidden;}
#ContactForm .box{ margin-top:10px;}
#ContactForm .link a{ display:inline-block; margin:0 0 3px 17px;}

.nadpis{
	font-size: 12px;
	text-transform:uppercase;
	font-weight: bold;
}

.text-info{
	position: relative;
	top: -15px;
	margin-bottom: 10px;
}

.zpet{
	text-align: center;
	font-size: 11px;
	text-transform:uppercase;
}

.zpet a{
	color: #3B150C;
}

.nadpis a{
	color: #362020;
	text-decoration: none;
}

.nadpis a:hover{
	text-decoration: underline;
}
