* {
	margin: 0;
	padding: 0;
}

a {color: #fff;}
a:hover {color: #fff; text-decoration: none;}

a img {border: 0px;}

html {
	background: #242424 url(/img/body-bg.jpg) repeat-x center top;	
	color: #cccccc;
}

body {
	font: normal 75% "Calibri", "Tahoma", "Verdena";
	/*background: url(/img/top-bg.jpg) repeat-x center top;*/	
	margin-bottom: 1em;
}

h1,h2,h3, h1 a, h2 a, h3 a { color: #cccccc;  }



/* misc */
.clearer {clear: both; visibility: hidden; margin: 0px; padding:0px; height:0px}

/* structure */
.container {
	background: #000;
	margin: 0 auto;
	width: 885px;
	position: relative;
}

/* header */
#header {
	height: 330px!important;
	width: 885px;
	margin: 0 auto;
	background: url(/img/top-bg.jpg) repeat-x center top;
	border-bottom: #242424 10px solid;
	position: absolute;
	top: 0px;
}

#header .info {height: 330px; width: 885px; top: 0px; position: absolute; background: url(/img/logo.jpg) no-repeat right top }
#header .info .iposition {text-align: center; width: 490px; margin-left: 55px; margin-top: 55px;}
#header .info h2 {color: #463724; font-size: 250%; text-align: left; padding-bottom: 0px; font-weight: lighter; }
#header .info h3 {color: #463724; font-size: 200%; text-align: left; padding-top: 0px; font-weight: lighter;}
#header .info .anotace {color: #736654; text-align: left; width: 460px; display: block; margin-top: 20px; line-height: 150%;}
#header .info .anotace a {color: #736654;} 

#header .menu {top: 270px; position: relative; height: 60px;  background: url(/img/menu.jpg) no-repeat center bottom; }
#header .menu ul {display: block; font-size: 130%; margin: 0px; padding: 10px 0 0 0; }
#header .menu ul li {list-style: none; color: #000;  display: inline; margin: 0px; text-transform: uppercase;}
#header .menu ul li a {color: #000; text-decoration: none;  background: url(/img/menu-active.png) no-repeat center bottom; display: block; width: 108px; line-height: 50px; vertical-align: 45%; float: left; text-align: center;}
#header .menu ul li a:hover {color: #000; text-decoration: none;  background: url(/img/menu-active.png) no-repeat center top;}

#header .menu ul li a.first {margin-left: 7px;}

#header .menu ul li a.dbLine {line-height: 20px;}

/* AKTIVNI ODKAZY */
#uvod .uvod {background-position:top!important;}
#uvod .uvod:hover {text-decoration: underline!important}
#sluzby_pro_obcany .sluzby_pro_obcany {background-position:top!important;}
#sluzby_pro_obcany .sluzby_pro_obcany:hover {text-decoration: underline!important}
#sluzby_pro_firmy .sluzby_pro_firmy {background-position:top!important;}
#sluzby_pro_firmy .sluzby_pro_firmy:hover {text-decoration: underline!important;}
#reference .reference {background-position:top!important;}
#reference .reference:hover {text-decoration: underline!important}
#lide .lide{background-position:top!important;}
#lide .lide:hover {text-decoration: underline!important}
#kontakty .kontakty{background-position:top!important;}
#kontakty .kontakty:hover {text-decoration: underline!important}
#odkazy .odkazy{background-position:top!important;}
#odkazy .odkazy:hover {text-decoration: underline!important}



/* main */
#main {float: left; width: 885px; margin-top: 350px;}
#main .content {float: left; font-size: 110%;}
#main .first {width: 250px; margin-left: -705px; padding-left: 35px}
#main .main {width: 420px; margin-left: 270px}
#main .last {width: 180px;}

.equal .content {float: left; font-size: 110%;}
.equal .first {width: 295px!important; margin-left: -580px!important; padding-left: 35px}
.equal .main { width: 270px!important; margin-left: 295px!important}
.equal .last { width: 270px!important;}


.hidden {display:none}

#main .colum {padding: 20px; /*border: 1px solid #fff;*/}

#main p, ul {line-height: 140%; margin: 0em 0em 1em 0em;}
#main strong {font-size: 102%;}

#main h1 {font-size: 140%; margin-bottom: 1em; background: url(/img/h-bg.png) no-repeat left 0.25em; margin-left: -15px; padding-left: 15px }
#main h2 {font-size: 140%; margin-bottom: 0.5em; background: url(/img/h-bg.png) no-repeat left 0.25em; margin-left: -15px; padding-left: 15px}
#main h3 {font-size: 120%; margin-bottom: 0.3em; }

#main p.adresa, #main p.funkce {margin: 0em;}

hr {border: #242424 2px solid; margin: 1.5em 0px 1em -15px;  }



/* footer */
#footer {
	border-top: #242424 6px solid;
	background: #111111;
	line-height: 30px; 
	height: 120px;
	color: #7e7e7e;
	font-size: 1.1em;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
}
#footer .copy {float: left; width: 300px;}
#footer .neotech {float: right; width: 200px; text-align: right; padding-right: 3px;}

#footer a {color: #7e7e7e;}