/*** spolecne ***/



/* font-family */
body,input,select{
	font-family: sans-serif;
}

/* tagy */
body{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 20px;
	color: #012147;
}
table{
	font-size: 11px;
}
input,select{
	font-size: 11px;	
}
h1{
	margin: 0px;
	padding: 0px 0px 12px 0px;
	font-size: 29px;
	font-weight: normal;
	font-style: italic;
	word-spacing: -1px;
	line-height: 100px;
	height: 100px;
	white-space: nowrap;
	overflow: hidden;
}
h2{
	margin: 0px;
	padding: 0px 0px 12px 0px;
	font-size: 15px;
	line-height: 21px;
	background: #DCE5F3;
}
strong{
	background: #DCE5F3;	
}
p{
	margin: 0px;
	padding: 0px 0px 12px 0px;
	font-size: 14px;
	line-height: 21px;
}
ul{
	margin: 0px;
	padding: 0px 0px 12px 22px;
	line-height: 21px;
	list-style-image: url(ul.gif);
}
td ul{
	padding: 0px 0px 12px 16px;
}
li{
	margin: 0px;
	padding: 0px 0px 3px 0px;
	font-size: 14px;
	line-height: 21px;
}
table{
	margin: 0px 0px 12px 0px;
	border-collapse: collapse;
	table-layout: fixed;
}
td{
	padding: 0px 8px 0px 0px;
	font-size: 12px;
	line-height: 21px;
	vertical-align: top;
}
a{
	text-decoration: none;
}
#obsah a
{
	background: transparent url(a.gif) scroll no-repeat left center;	
	color: #0051C2;
	white-space: nowrap;
	padding-left: 14px;
	font-size: 12px;
}
#obsah a:hover
{
	color: #012147;
}
img{
	border: none;
}
form{
	margin: 0px;
	padding: 0px;
}

/* tridy */
.cb{
	clear: both;
}
.hlavniSloupec{
	float: left;
	width: 500px;
}
.hlavniSloupec h1{
	width: 495px;
	padding: 0px;
}
.hlavniSloupec table{
	width: 485px;
	padding: 0px;
}
.druhySloupec{
	float: left;
	padding: 0px 0px 0px 30px;
	width: 220px;
	background: #DCE5F3 url(druhy-sloupec-ie.jpg) scroll no-repeat left top;
}
.druhySloupec h1{
	font-size: 18px;
	line-height: 70px;
	height: 70px;
	width: 220px;
	padding: 0px;
	margin-bottom: 20px;
}
.druhySloupec h2{
	background-color: transparent;
}
.dolniNavigace{
	clear: both;
	position: relative;
}
.dolniNavigace p{
	margin: 0px;
	padding: 0px;
	line-height: 40px;
}
.dolniNavigace a{
	background: #ff0000;	
}


/*** stranka ***/



html{
	height: 100%;
	border-width: 1px 0px 0px 0px;
}
body{
	height: 100%;
	background: #DCE5F3 url(prodejna-body.gif) scroll repeat-y center top;
	text-align: center;
}
body.uvod{
	background: #DCE5F3 url(uvod-stranka-low.jpg) scroll no-repeat center top;
}
#stranka{
	position: relative;
	margin: 0px auto;
	width: 896px;
	min-height: 100%;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	background: transparent url(prodejna-stranka.jpg) scroll no-repeat center top;
	text-align: left;
}
.uvod #stranka{
	height: 703px;
	min-height: 703px;
	background-image: url(uvod-stranka.jpg);
}
#logo{
	display: block;
	position: absolute;
	left: 583px;
	top: 50px;
	width: 272px;
	height: 131px;
	background: transparent url(prodejna-logo.jpg) scroll no-repeat left top;
}
.uvod #logo{
	background-image: url(uvod-logo.jpg);
}
#uvodVyroba{
	display: none;
}
.uvod #uvodVyroba{
	display: block;
	position: absolute;
	left: 129px;
	top: 412px;
	width: 342px;
	height: 91px;
	background: transparent url(uvod-vyroba.gif) scroll no-repeat left top;
}
#paticka{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 896px;
	height: 220px;
	background: transparent url(paticka.jpg) scroll no-repeat left bottom;
}
.uvod #paticka{
	display: none;
}
#paticka a{
	position: absolute;
	left: 270px;
	top: 2px;
	width: 240px;
	height: 40px;
	line-height: 40px;
	color: #E7E6EB;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	text-align: center
}
#paticka .dalsi:hover{
	color: #ffffff;
}
#obsah{
	padding: 450px 60px 300px 75px;
}
.uvod #obsah{
	padding: 560px 60px 300px 75px;
}




/* menuAplikace */




.menuAplikace{
	display: block;
	position: absolute;
	left: 65px;
	top: 80px;
	width: 397px;
	height: 339px;
	color: #6180A7;
	font-style: italic;
}
.menuAplikace p,
.menuAplikace li,
.menuAplikace table,
.menuAplikace h1,
.menuAplikace h2
{
	display: none;
}
.menuAplikace{
	background: #1A1649 url(prodejna-menu.jpg) scroll no-repeat left top;
}
.uvod .menuAplikace{
	background: #1A1649 url(uvod-menu.jpg) scroll no-repeat left top;
}
.menuAplikace ul{
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 0px;
}
.menuAplikace li,
.menuAplikace .nadpis1,
.menuAplikace .nadpis2
{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 275px;
	height: 19px;
	line-height: 19px;
	font-weight: bold;
	font-size: 14px;
	overflow: hidden;
}
.menuAplikace .nadpis1,
.menuAplikace .nadpis2
{
	width: 250px;
	text-transform: lowercase;
	color: #BFD7EA;
	padding-left: 33px;
}
.menuAplikace a{
	display: block;
	width: 230px;
	padding-left: 45px;
	color: #E7E6EB;
	background: transparent url(menu-sipka.gif) scroll no-repeat left top;
}
.menuAplikace a:hover{
	background-position: left bottom;
	color: #ffffff;
}
.menuAplikace a:hover .upresneni{
	color: #9DC5DD;
}
.menuAplikace .upresneni{
	color: #85B6D7;
}
.menuAplikace .nadpis1{left: 80px; top: 24px; display: block;}
.menuAplikace .i1{left: 77px; top: 43px; display: block;}
.menuAplikace .i2{left: 74px; top: 62px; display: block;}
.menuAplikace .i3{left: 71px; top: 81px; display: block;}
.menuAplikace .i4{left: 68px; top: 100px; display: block;}
.menuAplikace .i5{left: 65px; top: 119px; display: block;}
.menuAplikace .i6{left: 62px; top: 138px; display: block;}
.menuAplikace .i7{left: 59px; top: 157px; display: block;}
.menuAplikace  .nadpis2{left: 57px; top: 176px; display: block;}
.menuAplikace  .i8{left: 54px; top: 195px; display: block;}
.menuAplikace  .i9{left: 51px; top: 214px; display: block;}
.menuAplikace  .i10{left: 48px; top: 233px; display: block;}
.menuAplikace  .i11{left: 45px; top: 252px; display: block;}
.menuAplikace  .i12{left: 42px; top: 271px; display: block;}
.menuAplikace .i6 a,
.menuAplikace .i7 a,
.menuAplikace  .i11 a{
	background-image: url(menu-sipka2.gif);
}
.menuAplikace .i12 a{
	padding-left: 33px;	
}
#vyberJazyk{
	position: absolute;
	left: 17px;
	top: 36px;
	width: 200px;
	height: 17px;
	font-size: 10px;
	word-spacing: 4px;
}



/* obrazky */




.imgleft{
	float: left;
	clear: both;
	margin-right: 48px;
}
.imgright{
	float: right;
	clear: both;
	margin-left: 48px;
}
.imgleft,.imgright{
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	margin-bottom: 20px;
}
#obsah .imgleft a,#obsah .imgright a{
	display: block;
	background-image: none;
	padding: 0px;
}
.imgleft img,.imgright img{
	border: 3px solid #B6CFE5;
}
#obsah .imgleft a:hover img,#obsah .imgright a:hover img{
	border: 3px solid #ffffff;
}



/* komponenta kontaktni formular */



.kontaktniFormular input{
	font-size: 11px;
}
.kontaktniFormular .text{
	background: #EEF3F9;
	width: 160px;
	border: 1px solid #71849B;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
.kontaktniFormular .submit{
	width: 110px;
	height: 30px;
	margin-top: 17px;
}
.kontaktniFormular textarea{
	background: #EEF3F9;
	width: 220px;
	height: 100px;
	font-size: 12px;
	font-family: sans-serif;
	border: 1px solid #71849B;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
.kontaktniFormular label{
	color: #2E4A6A;
	display: block;
	font-size: 11px;
	margin-top: 10px;
	font-style: italic;
}

.child a
{
	
	color: #0051C2;
	white-space: nowrap;
	padding-left: 14px;
	font-size: 12px;
}
.child a:hover
{
	color: #000;
}