body {
		margin: 0;
		margin: 4px;
		color: #000000;
		font-family: Arial;
		font-weight: normal;
		font-style: normal;
		font-size: 11px;
		background: #c7c9ca;
		text-align: center;
}

html {
		padding: 0;
}


a img { border:none }

a:link {color: #008285; text-decoration: underline}
a:visited {color: #008285; text-decoration: underline}
a:hover {color: #008285; text-decoration: none}

p {
		text-align: left;
		margin: 0 0 15px 0;
		font-size: 11px;
		font-weight: normal;
}

.nevid {
		visibility: hidden;
}

ul,ol {
		margin: 0px;
		margin-bottom: 15px;
		text-align: justify;
}

li {
		margin: 0;
		padding: 0;
		text-align: left;
		list-style: square outside;
}

h1 {
		text-align: left;
		margin: 0 0 20px 0;
		font-size: 13px;
		font-weight: bold;
}

h2 {
		text-align: left;
		margin: 0 0 20px 0;
		font-size: 12px;
		font-weight: bold;
}

#telo {
		width: 971px;
		height: 753px;
		margin: 0 auto 0 auto;
		padding: 0;
		background: url('images/back.gif') top left no-repeat;
		text-align: left;
}

#podpis {
		width: 371px;
		height: 91px;
		margin: 70px 0 0 600px;
		padding: 0;
		background: url('images/podpis.gif') top left no-repeat;
}

#jazyky {
		width: 970px;
		height: 46x;
		padding: 0;
		margin: 0;
		text-align: right;
		color: #afb1b4;
		display: block;
		font-size: 10px;
		font-weight: bold;
		display: block;
}

#jazyky div {
		margin: 0;
		padding: 31px 51px 0 0;
}

#logo {
		width: 260px;
		height: 59px;
		margin: 20px 0 0 44px;
		padding: 0;
		display: block;		
}

#navigace {
		width: 970px;
		height: 25x;
		padding: 0;
		margin: 0;
		text-align: right;
		display: block;
		color: #000000;
    font-size: 10px;
    font-weight: bold;
}

#navigace a:link, #navigace a:visited {color: #000000; font-size: 10px; font-weight: bold; text-decoration: none}
#navigace a:hover {color: #95c93f; font-size: 10px; font-weight: bold; text-decoration: none}

#navigace div {
		margin: 0;
		padding: 9px 44px 0 0;
}

#navigace_left {
		width: 218px;
		height: 232px;
		padding: 0;
		margin: 10px 0 0 44px;
		display: block;
		float: left;
		background: #000000;
}

a.navigace_prvky, a.navigace_prvky:visited {
		width: 200px;
		height: 38px;
		padding: 0;
		margin: 0 0 0 18px;
		text-align: center;
		display: block;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		vertical-align: middle;
		text-decoration: none;
}

a.navigace_prvky:hover {
		width: 218px;
		height: 38px;
		padding: 0;
		margin: 0 0 0 0;
		text-align: center;
		display: block;
		font-size: 12px;
		font-weight: bold;
		color: #ffed00;
		vertical-align: middle;
}

#loga {
    height: 39px;
		background: #f6861f;
}

#loga:hover {
		background: #e15c13;
}

#kampane {
    height: 39px;
		background: #95c93f;
}

#kampane:hover {
		background: #4ed206;
}

#katalogy {
    height: 39px;
		background: #45a12b;
}

#katalogy:hover {
    height: 39px;
		background: #00835e;
}

#casopisy {
    height: 39px;
		background: #ad2078;
}

#casopisy:hover {
		background: #79046c;
}

#obaly {
		background: #55c3ec;
}

#obaly:hover {
		background: #0086c3;
}

#webdesign {
		background: #003882;
}

#webdesign:hover {
		background: #142559;
}

.navigace_prvky div {
		padding: 14px 0 0 0;
		margin: 0;
}

#uvod {
		width: 660px;
		height: 232px;
		padding: 0;
		margin: 10px 44px 0 0;
		text-align: left;
		display: block;
		background: #ebebeb url('images/uvod.jpg') 9px 10px no-repeat;
		font-size: 9px;
		font-weight: bold;
		float: right;
}

#uvod img {
		padding: 0;
		margin: 9px 0 0 9px;
}

#zarucuji {
		width: 218px;
		height: 258px;
		padding: 0;
		margin: 5px 0 0 44px;
		display: block;
		float: left;
		background: url('images/zarucuji.png') top left no-repeat;
		text-align: left;
}

#zarucuji_nadpis {
		padding: 0;
		margin: 18px 0 0 0;
		text-align: center;
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
}

#zarucuji ul {
		padding: 0;
		margin: 38px 0 0 45px;
}

#zarucuji ul li {
		padding: 0;
		margin: 0 0 5px 0;
		font-size: 12px;
		line-height: 12px;
		list-style: square outside url('images/list.gif');
		color: #ffffff;
}

#uvod_text {
		width: 412px;
		height: 258px;
		padding: 0;
		margin: 5px 0 0 5px;
		display: block;
		float: left;
		background: #ebebeb url('images/uvod_text.gif') top left no-repeat;
		text-align: center;
}

#uvod_text_pole {
		width: 392px;
		height: 218px;
		padding: 0;
		margin: 20px 5px 20px 5px;
		display: block;
		overflow: auto;
}

#text {
		width: 660px;
		height: 495px;
		padding: 0;
		margin: 10px 44px 0 0;
		display: block;
		float: right;
		background: #ebebeb url('images/text.gif') top left no-repeat;
		text-align: center;
}

#text_pole {
		width: 645px;
		height: 455px;
		padding: 0;
		margin: 20px 10px 20px 5px;
		display: block;
		overflow: auto;
}

#katalog_obsah {
		width: 660px;
		height: 495px;
		padding: 0;
		margin: 10px 44px 0 0;
		display: block;
		float: right;
		background: #ebebeb;
		text-align: center;
}

#katalog_obsah_nazev {
		width: 27px;
		height: 495px;
		padding: 0;
		margin: 0 0 0 0;
		display: block;
		float: right;
		background: #ebebeb;
		text-align: center;
}

#katalog_obsah_prvky {
		width: 618px;
		height: 300px;
		padding: 0;
		margin: 15px 0 10px 15px;
		display: block;
		float: left;
		background: #ebebeb;
		text-align: left;
}

#katalog_obsah_prvky_pole {
		height: 300px;
		padding: 0;
		margin: 0;
		display: block;
		background: #ebebeb;
		text-align: left;
		overflow: auto;
}

#katalog_obsah_text {
		width: 618px;
		height: 150px;
		padding: 0;
		margin: 0 0 15px 15px;
		display: block;
		float: left;
		background: #ebebeb;
		text-align: left;
}

#katalog_obsah_text_pole {
		width: 613px;
		height: 140px;
		padding: 0;
		margin: 10px 0 20px 5px;
		display: block;
		overflow: auto;
}

.prvek {
		width: 106px;
		height: 106px;
		padding: 0;
		margin: 34px 0 0 34px;
		display: block;
		float: left;
		background: #000000;
		text-align: left;
}

#text h1 {
		color: #000000;
		padding: 0;
		margin: 5px 30px 0 30px;
		text-align: left;
}

#uvod_text h2, #text h2 {
		color: #000000;
		padding: 0;
		margin: 5px 30px 0 30px;
		text-align: left;
}

#uvod_text p, #text_pole p{
    color: #7b7c7e;
		padding: 0;
		margin: 0 20px 10px 30px;
		text-align: justify;
}

#katalog_obsah_text_pole p {
    color: #7b7c7e;
		padding: 0;
		margin: 0 74px 10px 30px;
		text-align: justify;
}

#katalog_obsah_text_pole h1 {
		color: #000000;
		padding: 0;
		margin: 5px 30px 10px 30px;
		text-align: left;
}

#katalog_obsah_text_pole h2 {
		color: #000000;
		padding: 0;
		margin: 5px 30px 10px 30px;
		text-align: left;
}

#novinky {
		width: 243px;
		height: 258px;
		padding: 0;
		margin: 5px 0 0 5px;
		display: block;
		float: left;
		background: #000000;
		background: url('images/novinky.png') top left no-repeat;
}

#novinky_nadpis {
		padding: 0;
		margin: 7px 0 0 35px;
		color: #ffffff;
		font-size: 14px;
		font-weight: bold;
}

#novinky_text {
		width: 243px;
		height: 124px;
		padding: 0;
		margin: 10px 0 0 0;
		color: #ffffff;
		font-size: 11px;
		font-weight: normal;
		overflow: auto;
}

#novinky_text p {
		margin: 0;
		padding: 25px 0 0 35px;
		color: #000000;
		font-size: 11px;
		font-weight: normal;
}

#paticka {
		margin: 10px 44px 0 44px;
		padding: 0;
		color: #c4c5c7;
		border: 0;
		background: #c4c5c7;
		height: 2px;
		width: 883px;
		clear: both;
}