* { margin: 0; padding: 0; }

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #494f5e;
	background: #fff url(../images/bg-body.jpg) top repeat-x;
	text-align: center;
	position: relative;
}


a { color: #cb0000; }
a:hover { color: #6a0a0a; }
	p.center { text-align: center; }
img { border-style: none; }

.clear { clear: both; } 
.hidden { visibility: hidden; }


/* ---------------------------------------------------------- */
/* -------------------------- wrap -------------------------- */
/* ---------------------------------------------------------- */
#background { width: 100%; background: url(../images/bg-background.jpg) top center no-repeat; }
	body#homepage #background { background: url(../images/bg-hp-background.jpg) top center no-repeat; }
#subpage-blue-line { width: 100%; background: url(../images/subpage-blue-line.gif) center 120px no-repeat; }

#wrap { width: 980px; margin: 0 auto; position: relative; background: url(../images/bg-background.jpg) top center no-repeat; text-align: left; }
	body#homepage #wrap { mbackground: url(../images/bg-hp-background.jpg) top center no-repeat; }

/* ---------------------------------------------------------- */
/* -------------------------- header ------------------------ */
/* ---------------------------------------------------------- */
#header { height: 280px; width: 100%; float: left; position: relative; }
body#homepage #header { height: 580px; }

#logo { position: absolute; top: 29px; left: 17px; }
#logo a { display: block; width: 153px; height: 59px; overflow: hidden; position: relative; }
#logo a span { display: block; width: 153px; height: 59px; background-image: url(../images/logo.jpg); position: absolute; top: 0; left: 0; cursor: pointer; }
	
/* ---------------------------------------------------------- */
/* -------------------------- navigation -------------------- */
/* ---------------------------------------------------------- */
#navigation { position: absolute; top: 20px; right: 9px; }
#navigation ul.column { float: left; width: 115px; height: 65px; padding-left: 20px; padding-top: 5px; border-right: 1px solid #d5d6d7; overflow: hidden; list-style: none; }
#navigation ul.last { border-right: none; }

#navigation ul li { margin-bottom: 4px; }

#navigation a { display: block; width: 105px; color: #494f5e; text-decoration: none; background: url(../images/navigation-arrow.gif) left no-repeat; padding: 2px 0 2px 10px; }
	#navigation ul.c2 {  width: 97px; }
	#navigation ul.c2 a { width: 85px; }
#navigation a:hover { color: #cb0000; background: url(../images/navigation-arrow-hover.gif) left no-repeat; }
#navigation a.active { color: #cb0000; }

/* ---------------------------------------------------------- */
/* ----------------------- subpage-panel -------------------- */
/* ---------------------------------------------------------- */
#panel { width: 980px; height: 160px; background: #289fbe url(../images/subpage-panel.jpg); position: absolute; top: 120px; left: 0; }
#panel h1 { display: block; width: 405px; height: 40px; color: #fff; font-size: 36px; position: absolute; top: 60px; left: 15px; overflow: hidden; position: relative; }
#panel h1 span { display: block; width: 405px; height: 40px; position: absolute; top: 0; left: 0; }
	#panel h1.profil-spolocnosti span { background: url(../images/h1/profil-spolocnosti.gif); }
	#panel h1.nase-sluzby span { background: url(../images/h1/nase-sluzby.gif); }
	#panel h1.pocitace span { background: url(../images/h1/pocitace.gif); }
	#panel h1.cenniky span { background: url(../images/h1/cenniky.gif); }
	#panel h1.splatkovy-predaj span { background: url(../images/h1/splatkovy-predaj.gif); }
	#panel h1.nase-akcie span { background: url(../images/h1/nase-akcie.gif); }
	#panel h1.outsourcing span { background: url(../images/h1/outsourcing.gif); }
	#panel h1.kontakt span { background: url(../images/h1/kontakt.gif); }
	#panel h1.dary span { background: url(../images/h1/dary.gif); }
	#panel h1.nokia-servis span { background: url(../images/h1/nokia-servis.gif); }

#panel a#link-eshop { display: block; width: 228px; height: 43px; position: absolute; top: 64px; left: 728px; overflow: hidden; text-decoration: none; color: #48b8d4; }
#panel a#link-eshop span { display: block; width: 228px; height: 43px; position: absolute; top: 0; left: 0; background-position: top left; background-image: url(../images/link-eshop.jpg); cursor: pointer; }
#panel a#link-eshop:hover span { background-position: bottom left; }

#panel a#link-eshop strong { font-size: 24px; color: #fff; }


/* ---------------------------------------------------------- */
/* ----------------------- content -------------------------- */
/* ---------------------------------------------------------- */
#content { padding: 0px 0 24px; text-align: left; }
body#homepage #content { padding: 24px 0 24px; text-align: left; }

h2 { color: #494f5e; font-size: 14px; font-weight: bold; margin-bottom: 18px;  }
h3 { color: #494f5e; font-size: 12px; font-weight: bold; margin-bottom: 14px; }
p { line-height: 1.5em; text-align: justify; margin-bottom: 20px; }
img {  }
	#content img.img-left { float: left; margin: 0 20px 20px 0; }
	#content img.img-right { float: right; margin: 0 0 20px 20px; }


form {  }
fieldset { border-style: none; }
label { display: block; float: left; width: 125px; padding-top: 6px; font-weight: bold; color: #575757; }
input { float: left; width: 165px; padding: 5px; margin: 0 0 12px 0; border: 1px solid #8d8d8d; background-color: #fff; font-size: 11px; color: #336a9b;  }
textarea { float: left; width: 165px; height: 100px; padding: 5px; margin: 0 6px 12px 0; border: 1px solid #8d8d8d; background-color: #fff; font-size: 11px; color: #336a9b; font-family: Tahoma, Arial, Helvetica, sans-serif; }
input.button { width: 90px; height: 30px; padding: 0; margin: 0; border-style: none; text-align: center; font-weight: bold; cursor: pointer; }


ul.list-arrow { list-style: none; }
ul.list-arrow li { background: url(../images/grey-arrow.gif) 0px 3px no-repeat; padding-left: 10px; color: #494f5e; margin-bottom: 9px; }

/* ---------------------------------------------------------- */
/* ------------------------ footer -------------------------- */
/* ---------------------------------------------------------- */
#footer { width: 100%; border-top: 1px solid #d5d6d7; color: #8d93a1; padding: 20px 0; }
#footer a { color: #8d93a1; } 
#footer a:hover { text-decoration: none; } 
#footer p { margin: 0; }
	p#copyright { float: left; padding-left: 20px; }
	p#webdesign { float: right; padding-right: 20px;  }