/* Css by Benda_11 */

/* Nulovani */
html, body {
	border: none;
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Sans-Serif;
	font-size: 8pt;
	text-align: left;
}

body {
	background: #FFFFFF;
	color: #797979;
}

form {
	margin: 0px;
	padding: 0px;
	display: inline;
	border: none;
}

img {
	border: none;
	padding: 0px;
	margin: 0px;
}

table {
	width: 100%;
	height: auto;
	text-align: left;
	border-collapse: collapse;
	vertical-align: top;
	font-family: Tahoma, Sans-Serif;
	font-size: 8pt;
	border: none;
	padding: 0px;
	margin: 0px;
}

#imageContainer {
	height: 232px;
	position: relative;
	margin: auto;
	width: 869px;
}

#imageContainer img {
	display: none;
	position: absolute;
	top: 0; left:0;
}
/* Nulovani */

/* Struktura */
body {
	background: url('imgs/bg.jpg') repeat-x;
}

div#lx {
	width: 899px;
	margin: 0px auto;
}

div#logo-top {
	background: url('imgs/header-top.png') no-repeat;
	width: 891px;
	height: 88px;
	position: relative;
	left: 3px;
	top: 5px;
	margin-top: -45px;
}

div#logo {
	background: url('imgs/header.png') no-repeat;
	width: 899px;
	height: 294px;
}

div#logo_lista {
	width: 899px;
	height: 37px;
}

div.ld-webdesign {
	background: url('imgs/logo-lista-2.png') no-repeat;
	width: 899px;
	height: 37px;
}

div.ld-graficke-prace {
	background: url('imgs/logo-lista-3.png') no-repeat;
	width: 899px;
	height: 37px;
}

div.ld-firemni-identita {
	background: url('imgs/logo-lista-4.png') no-repeat;
	width: 899px;
	height: 37px;
}

div.ld-reference {
	background: url('imgs/logo-lista-5.png') no-repeat;
	width: 899px;
	height: 37px;
}

div.ld-kontakt {
	background: url('imgs/logo-lista-6.png') no-repeat;
	width: 899px;
	height: 37px;
}

div#logo_lista_obsah  a {
	display: block;
	width: 100%;
	height: 100%;
}

div#logo_obr  {
	height: 232px;
	position: relative;
	top: 10px;
	left: 14px;
	width: 869px;
}

div#kontejner {
	margin-top: 5px;
}

div#menu {
	margin-right: 3px;
	float: right;
	width: 215px;
}

div#obsah {
	margin-right: 240px;
	margin-left: 3px;
}

div#obsah_obsah {
	
}

hr.cistic {
	clear: both;
	height: 0px;
	border: none;
	margin: 0;
	visibility: hidden;
}

div#footer {
	background: url('imgs/footer-bg.png') repeat-x;
	width: 100%;
	height: 198px;
}

div#footer_obsah {
	width: 899px;
	margin: 0px auto;
	color: #60528F;
}

div#footer_obsah table {
	font-size: 8pt;
}
/* Struktura */

div.footer-cara {
	background: url('imgs/footer-cara.png') no-repeat;
	height: 119px;
	width: 10px;
}

div.logo-uvod {
	width: 300px;
	height: 40px;
	float: left;
}

div.logo-webdesign {
	width: 133px;
	height: 40px;
	float: left;
}

div.logo-grafika {
	width: 120px;
	height: 40px;
	float: left;
}

div.logo-identita {
	width: 130px;
	height: 40px;
	float: left;
}

div.logo-reference {
	width: 120px;
	height: 40px;
	float: left;
}

div.logo-kotakt {
	width: 96px;
	height: 40px;
	float: left;
}

ul.lista-menu {
	margin: 0px;
	padding: 0px;
	color: #6C6C6C;
}

ul.lista-menu li {
	margin: 0px;
	padding-left: 22px;
	padding-top: 5px;
	list-style: none;
	background: url('imgs/menu-sipka.png');
	background-position: 10px 9px;
	background-repeat: no-repeat;
	height: 20px;
	font-size: 8pt;
}

ul.lista-menu li.suda {
	margin: 0px;
	padding-left: 22px;
	padding-top: 5px;
	list-style: none;
	background: #ECECEC	url('imgs/menu-sipka.png');
	background-position: 10px 9px;
	background-repeat: no-repeat;
	height: 20px;
	font-size: 8pt;
}

h2.sipka-fialova {
	background: url('imgs/sipka-fialova.png') top left no-repeat;
	padding: 0px;
	padding-left: 32px;
	margin: 0px;
	margin-bottom: -5px;
	margin-top: 3px;
}

h2.sipka-modra {
	background: url('imgs/sipka-modra.png') top left no-repeat;
	padding: 0px;
	padding-left: 32px;
	margin: 0px;
	margin-bottom: -5px;
	margin-top: 3px;
}

h2.sipka-neni {
	padding: 0px;
	margin: 0px;	
}

input.footer-form {
	border: 1px solid #372D66;
	background: #0B0235;
	color: #FFFFFF;
	width: 230px;
}

textarea.footer-form-obsah {
	border: 1px solid #372D66;
	background: #0B0235;
	color: #FFFFFF;
	width: 230px;
	height: 40px;
}

input.footer-form-odeslat {
	float: right;
	margin: 8px 30px 0px 0px;
	padding: 0px;
	border: none;
	background: url('imgs/footer-odeslat.png') no-repeat;
	height: 19px;
	width: 64px;
}

ul.list-ctverce {
	margin: 0px;
	padding: 0px;
}

ul.list-ctverce li {
	background: url('imgs/ctverec.png') no-repeat;
	background-position: 0px 50%;
	padding-left: 15px;
	margin: 0px;
	margin-bottom: 5px;
	list-style: none;
}

div.reference {
	width: 212px;
	height: 140px;
	background: url('imgs/reference-obal.png') no-repeat;
	margin-bottom: 5px; 
}

div.reference-obal {
	position: relative;
	top: 7px;
	left: 10px;
	width: 192px;
	height: 81px;
}

div.reference-2 {
	width: 190px;
	height: 160px;
	background: url('imgs/reference-obal-2.png') no-repeat;
	margin-bottom: 5px; 
}

div.reference-obal-2 {
	position: relative;
	top: 7px;
	left: 10px;
	width: 170px;
	height: 81px;
}

div.reference-text-cervena {
	color: #FFFFFF;
	background: url('imgs/reference-text-cervena.png') no-repeat;
	z-index: 10px;
	width: 86px;
	height: 27px;
	text-align: center;
	position: relative;
	top: 61px;
	padding-top: 3px;
}

div.reference-popis-cervena {
	position: relative;
	top: 24px;
	left: 20px;
	color: #C91977;
	width: 185px;
	font-size: 8pt;	
}

div.reference-text-modra {
	color: #FFFFFF;
	background: url('imgs/reference-text-modra.png') no-repeat;
	z-index: 10px;
	width: 81px;
	height: 27px;
	text-align: center;
	position: relative;
	top: 61px;
	padding-top: 3px;
}

div.reference-popis-modra {
	position: relative;
	top: 24px;
	left: 20px;
	color: #57A1E2;
	width: 185px;
	font-size: 8pt;
}

div.reference-obal a {
	width: 100%;
	height: 100%;
	display: block;
}

div.reference-obal-a div.reference-text-modra, div.reference-obal-a div.reference-text-cervena {
	position: relative;
	top: -20px;
}	

span.seda {
	color: #858585;
}

a {
	color: #858585;
}

div#footer_obsah h2 {
	margin: 15px 0px 0px 0px;
}

div.reference-small {
	margin: 2px;
	background: url('imgs/reference-box-small.png') no-repeat;
	width: 97px;
	height: 60px;
}

div.reference-small img {
	position: relative;
	top: 3px;
	left: 3px;
}