* {
	margin: 0px;
	padding: 0px;
	border: none;
}
img {
    border: none;
}
.cistic {
    clear: both;
}
body {
    font-family: Arial, Helvetica, Sans-serif;
	font-size: 0.9em;
	color: #000000;
	line-height: 1.2em;
    background-color: #FFFFFF;
    background-image: url(../images/pozadi-body.png);
	background-repeat: no-repeat;
	background-position: top center;
}
#Page {
    width: 935px;
    margin: 0px auto;
}
ul {
	margin-left: 20px;
	margin-bottom: 10px;
}
#Hlavicka {
    width: 935px;
    height: 187px;
    position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	font-size: 0.4em;
	margin: 0px;
	padding: 0px;
}
#Hlavicka span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/pozadi-hlavicka.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    width: 935px;
	height: 187px;
	visibility: visible;
	cursor: pointer;
}
#Podklad {
    width: 935px;
    background-image: url(../images/pozadi-obsah-podklad.png);
	background-repeat: repeat-y;
}
#Levy {
	width: 221px;
	float: right;
}
#Pravy {
	width: 714px;
	float: right;
}
#Kontakt {
    width: 221px;
    height: 115px;
    position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	font-size: 0.4em;
	margin: 0px;
	padding: 0px;
}
#Kontakt span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/pozadi-levy-kontakt.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    width: 221px;
	height: 115px;
	visibility: visible;
	cursor: pointer;
}
#Aktuality {
	width: 190px;
	height: 575px;
	background-image: url(../images/pozadi-levy-aktuality-top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 25px 24px 0px 7px;
	font-size: 0.8em;
	line-height: 1.3em;
}
#Aktuality .plus {
    width: 90px;
	text-align: right;
	margin-bottom: 5px;
	float: left;
}
#Aktuality .aktualita {
    padding: 0px 0px 0px 20px;
    background-image: url(../images/aktualita.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 10px;
	color: #333333;
}
#Aktuality .aktualita a {
    color: #28AAE1;
    text-decoration: none;
}
#Aktuality .aktualita h3 {
    font-size: 1.1em;
    margin-bottom: 3px;
    color: #333333;
}
h2#NadpisAktuality {
    width: 100px;
    height: 20px;
    position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	font-size: 0.4em;
	margin: 0px;
	padding: 0px;
	float: left;
}
h2#NadpisAktuality span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/nadpis-aktuality.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    width: 190px;
	height: 20px;
	visibility: visible;
}
ul#Menu {
	width: 714px;
	height: 35px;
	margin: 0px;
	padding: 0px;
}
ul#Menu {
	list-style: none;
}
ul#Menu li {
	display: inline;
	float: left;
}
#Menu a {
	color: #225266;
	text-align: center;
}
#Menu a:hover {
	color: #64A2BD;
}
#Menu a, #Menu a span {
	display: block;
	height: 35px;
	width: 111px;
	position: relative;
}
#Menu a span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(../images/pozadi-menu.png) 0px 0px;
	cursor: pointer;
}
#Menu a:hover span, #Menu .aktivni span {
	background: url(../images/pozadi-menu.png) 0px 35px;
}

#Menu a.druhy, #Menu a.druhy span {
	width: 115px;
}
#Menu a.druhy span {
	background: url(../images/pozadi-menu.png) -111px 0px;
}
#Menu a.druhy:hover span {
	background: url(../images/pozadi-menu.png) -111px 35px;
}
#Menu .aktivni a.druhy span {
	background: url(../images/pozadi-menu.png) -111px 35px;
}
#Menu a.treti, #Menu a.treti span {
	width: 115px;
}
#Menu a.treti span {
	background: url(../images/pozadi-menu.png) -226px 0px;
}
#Menu a.treti:hover span {
	background: url(../images/pozadi-menu.png) -226px 35px;
}
#Menu .aktivni a.treti span {
	background: url(../images/pozadi-menu.png) -226px 35px;
}
#Menu a.ctvrty, #Menu a.ctvrty span {
	width: 132px;
}
#Menu a.ctvrty span {
	background: url(../images/pozadi-menu.png) -341px 0px;
}
#Menu a.ctvrty:hover span {
	background: url(../images/pozadi-menu.png) -341px 35px;
}
#Menu .aktivni a.ctvrty span {
	background: url(../images/pozadi-menu.png) -341px 35px;
}
#Menu a.paty, #Menu a.paty span {
	width: 115px;
}
#Menu a.paty span {
	background: url(../images/pozadi-menu.png) -473px 0px;
}
#Menu a.paty:hover span {
	background: url(../images/pozadi-menu.png) -473px 35px;
}
#Menu .aktivni a.paty span {
	background: url(../images/pozadi-menu.png) -473px 35px;
}
#Menu a.sesty, #Menu a.sesty span {
	width: 126px;
}
#Menu a.sesty span {
	background: url(../images/pozadi-menu.png) -588px 0px;
}
#Menu a.sesty:hover span {
	background: url(../images/pozadi-menu.png) -588px 35px;
}
#Menu .aktivni a.sesty span {
	background: url(../images/pozadi-menu.png) -588px 35px;
}

ul#BannerySmall {
	width: 714px;
	height: 77px;
	margin: 0px;
	padding: 0px;
}
ul#BannerySmall {
	list-style: none;
}
ul#BannerySmall li {
	display: inline;
	float: left;
}
#BannerySmall a {
	color: #225266;
	text-align: center;
}
#BannerySmall a:hover {
	color: #64A2BD;
}
#BannerySmall a, #BannerySmall a span {
	display: block;
	height: 77px;
	width: 174px;
	position: relative;
}
#BannerySmall a span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(../images/pozadi-bannery.png) 0px 0px;
	cursor: pointer;
}
#BannerySmall a:hover span, #BannerySmall .aktivni span {
	background: url(../images/pozadi-bannery.png) 0px 77px;
}

#BannerySmall a.druhy, #BannerySmall a.druhy span {
	width: 177px;
}
#BannerySmall a.druhy span {
	background: url(../images/pozadi-bannery.png) -174px 0px;
}
#BannerySmall a.druhy:hover span {
	background: url(../images/pozadi-bannery.png) -174px 77px;
}
#BannerySmall .aktivni a.druhy span {
	background: url(../images/pozadi-bannery.png) -174px 77px;
}
#BannerySmall a.treti, #BannerySmall a.treti span {
	width: 177px;
}
#BannerySmall a.treti span {
	background: url(../images/pozadi-bannery.png) -351px 0px;
}
#BannerySmall a.treti:hover span {
	background: url(../images/pozadi-bannery.png) -351px 77px;
}
#BannerySmall .aktivni a.treti span {
	background: url(../images/pozadi-bannery.png) -351px 77px;
}
#BannerySmall a.ctvrty, #BannerySmall a.ctvrty span {
	width: 186px;
}
#BannerySmall a.ctvrty span {
	background: url(../images/pozadi-bannery.png) -528px 0px;
}
#BannerySmall a.ctvrty:hover span {
	background: url(../images/pozadi-bannery.png) -528px 77px;
}
#BannerySmall .aktivni a.ctvrty span {
	background: url(../images/pozadi-bannery.png) -528px 77px;
}
#Prezentace {
	width: 349px;
	height: 190px;
	float: left;
}
#Prezentace h2 {
    width: 349px;
    height: 103px;
    position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	font-size: 0.4em;
	margin: 0px;
	padding: 0px;
}
#Prezentace h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/banner-prezentace-top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    width: 349px;
	height: 103px;
	visibility: visible;
	cursor: pointer;
}
#Prezentace h3 {
    width: 183px;
    height: 97px;
    background-image: url(../images/banner-prezentace-bottom.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #999999;
	font-weight: bold;
	margin: 0px;
	padding: 0px 10px 0px 20px;
	float: left;
}
#Prezentace .rozcestnik {
	width: 119px;
	height: 60px;
	padding: 6px 17px 21px 0px;
	background-image: url(../images/banner-prezentace-akce-pozadi.png);
	background-repeat: no-repeat;
	float: left;
}
ul.akce {
    width: 119px;
    height: 60px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.akce a:hover {
	cursor: pointer;
}
.akce a, .akce a span {
	display: block;
	height: 29px;
	width: 119px;
	position: relative;
}
.akce a span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	cursor: pointer;
	background: url(../images/banner-menu.png) 0px 0px;
	background-repeat: no-repeat;
}
.akce a:hover span {
	background: url(../images/banner-menu.png) -119px 0px;
}
.akce .aktivni a span {
	background: url(../images/banner-menu.png) -119px 0px;
}
.akce a.druhy, .akce a.druhy span {
	height: 30px;
}
.akce a.druhy span {
	background: url(../images/banner-menu.png) 0px -29px;
}
.akce a.druhy:hover span{
	background: url(../images/banner-menu.png) -119px -29px;
}
.akce .aktivni a.druhy span{
	background: url(../images/banner-menu.png) -119px -29px;
}
#Redakce {
	width: 365px;
	height: 190px;
	/*background-image: url(../images/banner-redakcni-system.png);
	background-repeat: no-repeat;*/
	float: left;
}
#Redakce h2 {
    width: 365px;
    height: 103px;
    position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	font-size: 0.4em;
	margin: 0px;
	padding: 0px;
}
#Redakce h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/banner-redakcni-system-top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    width: 365px;
	height: 103px;
	visibility: visible;
	cursor: pointer;
}
#Redakce h3 {
    width: 185px;
    height: 87px;
    background-image: url(../images/banner-redakcni-system-bottom.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #999999;
	font-weight: bold;
	margin: 0px;
	padding: 0px 10px 0px 25px;
	float: left;
}
#Redakce .rozcestnik {
	width: 119px;
	height: 60px;
	padding: 6px 26px 21px 0px;
	background-image: url(../images/banner-redakcni-system-akce-pozadi.png);
	background-repeat: no-repeat;
	float: left;
}
#Eshop {
	width: 349px;
	height: 199px;
	/*background-image: url(../images/banner-eshop.png);
	background-repeat: no-repeat;*/
	float: left;
}
#Eshop h2 {
    width: 349px;
    height: 103px;
    position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	font-size: 0.4em;
	margin: 0px;
	padding: 0px;
}
#Eshop h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/banner-eshop-top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    width: 349px;
	height: 103px;
	visibility: visible;
	cursor: pointer;
}
#Eshop h3 {
    width: 183px;
    height: 96px;
    background-image: url(../images/banner-eshop-bottom.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 0.4em;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #999999;
	font-weight: bold;
	margin: 0px;
	padding: 0px 10px 0px 20px;
	float: left;
}
#Eshop .rozcestnik {
	width: 119px;
	height: 60px;
	padding: 5px 17px 31px 0px;
	margin: 0px;
	background-image: url(../images/banner-eshop-akce-pozadi.png);
	background-repeat: no-repeat;
	float: left;
}
#Seo {
	width: 365px;
	height: 199px;
	/*background-image: url(../images/banner-seo.png);
	background-repeat: no-repeat;*/
	float: left;
}
#Seo h2 {
    width: 365px;
    height: 103px;
    position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	font-size: 0.4em;
	margin: 0px;
	padding: 0px;
}
#Seo h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/banner-seo-top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    width: 365px;
	height: 103px;
	visibility: visible;
	cursor: pointer;
}
#Seo h3 {
    width: 185px;
    height: 96px;
    background-image: url(../images/banner-seo-bottom.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 0.4em;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #999999;
	font-weight: bold;
	margin: 0px;
	padding: 0px 10px 0px 25px;
	float: left;
}
#Seo .rozcestnik {
	width: 119px;
	height: 60px;
	padding: 6px 23px 21px 0px;
	background-image: url(../images/banner-seo-akce-pozadi.png);
	background-repeat: no-repeat;
	float: left;
}
#TextTop {
	width: 714px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/pozadi-text-top.png);
	background-repeat: no-repeat;
}
#TextMiddle {
	width: 669px;
	margin: 0px;
	padding: 0px 30px 10px 15px;
	background-image: url(../images/pozadi-text-middle.png);
	background-repeat: repeat-y;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #333333;
}
#TextMiddle h1, #TextMiddle h2, #TextMiddle h3, #TextMiddle h4 {
	margin-bottom: 5px;
	color: #FFFFFF;
}
#TextMiddle a {
    color: #FFFFFF;
    text-decoration: none;
}
#TextMiddle a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
h1 {
	font-size: 1.2em;
}
h2 {
	font-size: 1.1em;	
}
h3 {
	font-size: 1.0em;	
}
p {
	margin-bottom: 10px;
}
#TextBottom {
	width: 714px;
	height: 27px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/pozadi-text-bottom.png);
	background-repeat: no-repeat;
}
#TextTopPod {
	width: 714px;
	height: 43px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/pozadi-obsah-pod.png);
	background-repeat: no-repeat;
}
#TextMiddlePod {
	width: 669px;
	margin: 0px;
	padding: 0px 30px 10px 15px;
	background-image: url(../images/pozadi-obsah-pod-middle.png);
	background-repeat: repeat-y;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #333333;
}
#TextMiddlePod h1, #TextMiddlePod h2, #TextMiddlePod h3 {
	margin-bottom: 5px;
	color: #28AAE1;
}
#TextMiddlePod h4 {
	margin-bottom: 5px;
	color: #000000;
}
#TextMiddlePod h1, h2 {
	font-size: 1.2em;
}
#TextMiddlePod a {
    color: #28AAE1;
    text-decoration: none;
}
#TextMiddlePod a:hover {
    color: #28AAE1;
    text-decoration: underline;
}
#TextMiddlePod a.text {
    color: #666666;
    text-decoration: none;
}
#TextMiddlePod a.text:hover {
    text-decoration: underline;
}
#TextBottomPod {
	width: 714px;
	height: 43px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/pozadi-obsah-pod-bottom.png);
	background-repeat: no-repeat;
}
#PatickaTop {
	width: 674px;
	margin: 0px;
	padding: 40px 30px 0px 10px;
	background-image: url(../images/pozadi-paticka-top.png);
	background-repeat: no-repeat;
}
#PatickaMiddle {
	width: 714px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/pozadi-paticka-middle.png);
	background-repeat: repeat-y;
}
.sloupPata {
	width: 157px;
	margin: 0px 0px 10px 10px;
	float: left;
	font-size: 0.8em;
	color: #333333;
}
.sloupPata h3.navigace {
    width: 157px;
    height: 27px;
    position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	font-size: 0.4em;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.sloupPata h3.navigace span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/pata-hlavni-navigace.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    width: 157px;
	height: 27px;
	visibility: visible;
}
.sloupPata h3.coumime {
    width: 157px;
    height: 27px;
    position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	font-size: 0.4em;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.sloupPata h3.coumime span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/pata-co-umime.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    width: 157px;
	height: 27px;
	visibility: visible;
}
.sloupPata h3.reference {
    width: 157px;
    height: 27px;
    position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	font-size: 0.4em;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.sloupPata h3.reference span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/pata-reference.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    width: 157px;
	height: 27px;
	visibility: visible;
}
.sloupPata h3.doporucujeme {
    width: 157px;
    height: 27px;
    position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	font-size: 0.4em;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.sloupPata h3.doporucujeme span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/pata-doporucujeme.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    width: 157px;
	height: 27px;
	visibility: visible;
}
.sloupPata ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
.sloupPata ul li a, .sloupPata ul li {
	color: #666666;
	text-decoration: none;
}
.sloupPata ul li a:hover {
	text-decoration: underline;
}
input, select, textarea {
    border: 1px dotted #28AAE1;
    margin: 1px;
    padding: 1px;
    width: 300px;
}
input.small {
    width: 100px;
}
.ref {
	width: 160px;
	text-align: center;
	float: left;
	margin: 10px 10px 2px 0px;
	border: 1px dotted #28AAE1;
	padding: 10px;
}
.sloupec {
    width: 324px;
    float: left;
    margin-right: 10px;
}
.tym {
    width: 213px;
    float: left;
    margin-right: 10px;
}
.red {
    color: red;
}

