html	{ height: 100%; }
body	{
	height: 100%;
	text-align: center;
	background: #FFF4DB;
}
A {
	color: #000000;
}

body, table, form, input, select {
	font: normal 11px/1.1 Tahoma, lucida, sans-serif;
	margin: 0; padding: 0;
}
#head {
	position: relative;
	height: 195px; width: 100%;
	background: #FFC948 url("./images/head_bg.gif") repeat-x top left;
	text-align: center;
}
#head .columnIn	{
	position: relative;
	width: 780px; height: 100%;
	margin: auto; padding: 0;
}
#head .rightbg {
	position: absolute; left: 50%; top: 81px;
	width: 50%; height: 68px;
	background: #FFE4A5;
}

#logo	{
	position: absolute; z-index: 1; left: 38px; top: 44px;
	width: 200px; height: 105px;
	overflow: hidden;
}
#logo .picture {
	position: absolute; z-index: 2; left: 0; top: 0;
	width: 100%; height: 100%;
	background: url("./images/head_logo.gif") no-repeat top left;
}
#logo a.anchor {
	position: absolute; z-index: 3; left: 0; top: 0;
	width: 100%; height: 100%;
}
#menu {
	position: absolute; z-index: 4; right: 0; top: 81px;
	width: 542px; height: 68px;
	background: #FFE4A5;
	white-space: nowrap;
}
#menu div {
	position: relative; top: 22px;
	height: 56px;
	float: left;
	padding: 0;
	overflow: hidden;
	border-left: 1px solid black;
}
#menu div.on {
	position: relative; top: 22px;
	padding: 0;
	height: 56px;
	float: left;
	background: url("./images/menu_on_bg.gif") repeat-x left bottom;
	border-left: 1px solid white;
	border-bottom: 2px solid white;
}
#menu div span	{
	position: absolute; z-index: 6; top:0;left:0;
	width: 100%; height: 100%;
}
#menu div.on span	{
	border-left: 3px solid white;
}
#menu div a.invisible	{
	color: #FFE4A5;
}
#menu div a.anchor	{
	position: absolute; z-index: 7; top:0;left:0;
	width: 100%; height: 100%;
}
#menu #why { width: 107px; }
#menu #base { width: 105px; }
#menu #params { width: 105px; }
#menu #portf { width: 100px; }
#menu #cont { width: 95px; }

#menu #why span { background: url("./images/menu_but_why.gif") no-repeat 11px 0px; } 
#menu #base span { background: url("./images/menu_but_base.gif") no-repeat 12px 0px; } 
#menu #params span { background: url("./images/menu_but_params.gif") no-repeat 12px 0px; } 
#menu #portf span { background: url("./images/menu_but_portf.gif") no-repeat 12px 0px; } 
#menu #cont span { background: url("./images/menu_but_cont.gif") no-repeat 12px 0px; } 

#menu #why.on span { background: url("./images/menu_but_why_on.gif") no-repeat 9px 0px; } 
#menu #base.on span { background: url("./images/menu_but_base_on.gif") no-repeat 9px 0px; } 
#menu #params.on span { background: url("./images/menu_but_params_on.gif") no-repeat 9px 0px; } 
#menu #portf.on span { background: url("./images/menu_but_portf_on.gif") no-repeat 9px 0px; } 
#menu #cont.on span { background: url("./images/menu_but_cont_on.gif") no-repeat 9px 0px; } 

#content {
	position: relative;
	width: 100%;
	background: #FFE7AF;
	text-align: center;
	border-bottom: 1px solid #FFE7AF;
	padding: 0 0 10px 0;
}
#content .columnIn	{
	position: relative;
	width: 720px;
	_width: 780px;
	height: 100%;
	margin: auto;
	padding: 0 20px 0 40px;
	text-align: left;
}
#content .column	{
	width: 30%;
	float: left;
}
#content h3, #content h2 {
	position: relative;
	width: 100%; height: 25px;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
}
#content h3 span, #content h2 span {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
}
#content h2.whytapes span { background: #FFE7AF url("./images/content_whytapes.gif") no-repeat left top; }
#content h3.whywe span { background: #FFE7AF url("./images/content_whywe.gif") no-repeat left top; }
#content h3.services span { background: #FFE7AF url("./images/content_services.gif") no-repeat left top; }

#content ul {
	list-style-type: square;
}


#threeSteps {
	position: relative;
	width: 100%; height: 218px; 
	background: #FFE7AF;
	text-align: center;
}
#threeSteps .leftbg {
	position: absolute; left: 0; top: 148px;
	width: 50%; height: 22px;
	background: #FFF;
}
#threeSteps .rightbg {
	position: absolute; left: 50%; top: 159px;
	width: 50%; height: 59px;
	background: #FFC948;
}
#threeSteps .columnIn	{
	position: relative; z-index: 1;
	width: 780px; height: 100%;
	margin: auto; padding: 0;
}
#threeSteps h3 {
	position: relative;
	width: 100%; height: 36px;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
}
#threeSteps h3 span {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
	background: #FFE7AF url("./images/3steps_head.gif") no-repeat left top;
}
#threeSteps #step1 {
	position: relative;
	width: 238px; height: 182px;
	background: url("./images/3steps_01.jpg") no-repeat left top;
	float: left;
}
#threeSteps #step2 {
	position: relative;
	width: 241px; height: 182px;
	background: url("./images/3steps_02.jpg") no-repeat left top;
	float: left;
}
#threeSteps #step3 {
	position: relative;
	width: 301px; height: 182px;
	background: url("./images/3steps_03.jpg") no-repeat left top;
	float: left;
}
#threeSteps p	{
	position: absolute; top: 5px; left: 60px;
}
#threeSteps #step2 p { left: 55px; }

#foot {
	position: relative;
	width: 100%; height: 67px;
	background: #FFF4DC url("./images/foot_bg.gif") repeat-x left top;
	text-align: center;
}
#foot .columnIn	{
	position: relative;
	width: 780px; height: 100%;
	margin: auto; padding: 0;
	background: url("./images/foot_pasky.gif") no-repeat 310px 0px;
}
#foot #copyright {
	position: absolute; left: 22px; top: 12px;
}
#foot #authorLogo {
	position: absolute; left: 649px; top: 12px;
	width: 162px; height: 14px;
	background: url("./images/foot_authorlogo.gif") no-repeat 0 0;
}
#authorLogo a {
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
}
#foot a, #foot div {
	color: #787878;
	text-decoration: none;
}
#foot a:hover {
	color: #181818;
	text-decoration: underline;
}

/* Obecné */
.cleaner {
        clear: both;
        height: 0px;
        background: transparent;
        margin: 0; padding: 0;
}
p { margin: 0.5em 0; }
h1,h2,h3,h4   { margin: 0.2em 0; }
h1 { font-size: 190%; margin-bottom: 10px; text-align: left; color: #d39500; }
h2 { font-size: 145%; }
h3 { font-size: 131%; }
h4 { font-size: 118%; }
.hidden        { display: none; }

UL {
	margin-bottom: 4px;
	margin-top: 4px;
}

p.links { color: #ffc948; }
p.links a { color: #ffc948 !important; }