@media screen {
body {
	margin:0;	padding:0;
	background: url("../images/body-bg.jpg") center top repeat-y;
	text-align:center;
	font:.7em/1.4em Verdana,sans-serif;
	color:#ebebeb;
	position: relative;
	width: 100%;
}

a{color:#d81b22; font-weight:bold;}
a:hover{color:#414040; font-weight:bold;}

a img{border:none;}

/*img{display:block;}*/
img.right{float:right; margin: 0 0 .5em 1em}
img.left{float:left; margin: 0 1em .5em 0}

.clr{clear:both;height:1px;overflow:hidden}

h2,h3,h4,ul,li,p{margin:0;padding:0}

h2{color: #fdb733; font-size: 1.5em; padding-bottom: .5em}
h3{color: #fdb733; font-size: 1.2em; padding: 1.4em 0 0.5em}

p{padding:0 0 .9em 0;}
strong{color:#FFF}

/* INTRO */
body.intro{
background: url("../images/body-bg-intro.jpg") center top repeat-y;
}
#introContainer{
	width: 304px;
	margin:0 auto;
	background:#1b1e20;
}
#introContainer #header{
	padding:0 3px;
}
#introContainer h1{
	display:block;
	height:48px;
	margin:0;padding:0;
	width: 298px;
}
#introContainer h1 img{
	display:block;
	margin:0;padding:0;
}
#guidepost{
	background: #000 url("../images/intro-text-bg.gif") center bottom no-repeat;
	margin:0 3px;
	padding: 30px 0 0 0;
	text-align:left;
}
#guidepost .item a{
	padding: 1.2em 45px 1.5em 64px;
	background: url("../images/yellow-arrow.gif") left center no-repeat;
	display:block;
	text-decoration:none;
	position:relative;
}
#guidepost .item a:hover{
	background: #fdb937 url("../images/black-arrow.gif") left center no-repeat;
	color:#000 !important;
}
#guidepost .item a span{
	position:absolute;
	background: url("../images/dots.gif") left center no-repeat;
	width: 189px;
	height:1px;
	bottom:0;
	left:64px;
}
#guidepost .lastItem a{
	display:block;
	padding: 1.2em 45px 1.2em 64px;
	text-decoration:none;
	background: url("../images/yellow-arrow.gif") left center no-repeat;
}
#guidepost .lastItem a:hover{
	background: #fdb937 url("../images/black-arrow.gif") left center no-repeat;
	color:#000 !important;
}
#guidepost a h2{
	padding:0 0 .2em 0;margin:0;
	color:#fdb937;
}
#guidepost a p{
	font-size: .9em;
	line-height: 1.2em;
	color:#FFF;
	font-weight:normal;
	padding:0;
}
#guidepost a:hover h2{
	padding:0 0 .2em 0;margin:0;
	color:#000;
}
#guidepost a:hover p{
	color:#2d2d2d;
}
#introContainer #footer{
	background: url("../images/intro-footer.gif") center top no-repeat;
	padding-top: 183px;
	text-align:center;
}
#introContainer #footer p{
	display:block;
	background: #fdb733;
	padding: 1em 0;
	color:#000;
	font-size:.9em;
}



/* SUBPAGES */
#container{
	width: 740px;
	margin:0 auto;
	background:#1b1e20;
}

#header{
	padding:0 3px;
}

h1{
	background: #fdb733 url("../images/logo-bg.gif") center bottom repeat-x;
	display:block;
	height:42px;
	margin:0 auto;padding:0;
	width: 734px;
}
h1 img{
	display:block;
	float:right;
	margin-right:16px;
}
#menu{
	height:30px;
	background: #cc952d url("../images/menu-bg.gif") center bottom no-repeat;
}

#menu ul.navigation{
	list-style:none;
	padding-top: 5px;
	margin-left: 18px;
}
#menu ul.navigation li{
	float:left;
	font-size: .9em;
	padding:0;margin:0;
	display:inline;
	text-transform:lowercase;
}
#menu ul.navigation li a{
	display:block;
	color:#000;
	text-decoration:none;
	padding:0 .7em;
	padding-bottom:9px;
	position:relative;
}
#menu ul.navigation li a:hover, #menu ul.navigation li.active{
	background: url("../images/menu-arrow.gif") center bottom no-repeat;
}
#menu ul.navigation li a span{
	height:7px;
	width:1px;
	display:block;
	background: url("../images/menu-zarazka.gif") center bottom no-repeat;
	position:absolute;
	top:19%;
	right:0;
}
#menu  ul.navigation li#last a span{
	display:none;
}



#menu ul.sub-navigation{
	list-style:none;
	float:right;
	margin-right: 12px;
}
#menu ul.sub-navigation li{
	float:left;
	font-size: .9em;
	padding:0;margin:0;
}
#menu ul.sub-navigation li a{
	display:block;
	color:#000;
	text-decoration:none;
	padding:0 .7em;
}
#menu ul.sub-navigation li.last a{
	background: none;
}
#menu ul.sub-navigation li a{
	display:block;
	color:#000;
	text-decoration:none;
	padding:0 .7em;
	padding-bottom:9px;
	position:relative;
}
#menu ul.sub-navigation li a:hover, #menu ul.navigation li.active{
	background: url("../images/menu-arrow.gif") center bottom no-repeat;
}
#menu ul.sub-navigation li a span{
	height:7px;
	width:1px;
	display:block;
	background: url("../images/menu-zarazka.gif") center bottom no-repeat;
	position:absolute;
	top:19%;
	right:0;
}
#menu  ul.sub-navigation li#last a span{
	display:none;
}

	
	
#sub-menu{
	background:#010302;
	height: 2.7em;
	position:relative;
}
#sub-menu p.path{
	margin-left:25px;
	padding-top:5px;
	font-size: .9em;
	text-align:left;
}
#sub-menu p.path a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
#sub-menu p.path  a:hover{
	text-decoration:underline;
}

#sub-menu p.path em{
	font-style:normal;
}


#sub-menu ul.lang{
	list-style:none;
	position:absolute;
	top:5px;
	right: 260px;
}
#sub-menu ul.lang li{
	float:left;
	font-size: .9em;
	padding:0;margin:0;
	display:inline;
}
#sub-menu ul.lang li a{
	display:block;
	color:#fdb733;
	text-decoration:none;
	padding:0 .6em;
	font-weight:normal !important;
	position:relative;
	text-decoration:underline;
	font-weight: bold !important;
}
#sub-menu ul.lang li a:hover{
	color:#fdb733;
	text-decoration:none;
}
#sub-menu ul.lang li.active a{
	color:#FFF;
	text-decoration:none;
}
#sub-menu ul.lang li a span{
	height:8px;
	width:2px;
	display:block;
	background: url("../images/lang-zarazka.gif") center bottom no-repeat;
	position:absolute;
	top:28%;
	right:0;
}

#content{
	background: #000 url("../images/content-bg.gif") center top no-repeat;
	text-align:left;
	margin:0 3px;
	padding: 0 18px 3em 25px;
}

.lContent{
	width: 430px;
	float:left;
	padding: 1em 0 0 0;
}

.rContent{
	width: 240px;
	float:right;
	border-left: 1px dotted #4b5457;
	padding: 1em 0 0 0;
}

.newsItem{
	width:210px;
	padding-bottom:1em;
	margin-bottom:2em;
	border-bottom: 1px dotted #4b5457;
	float:right;
}
.newsItemLast{
	width:210px;
	padding-bottom:1em;
	margin-bottom:2em;
	float:right;
}
.newsItem .img, .newsItemLast .img{
	position:relative;
	height:100%;
}
.newsItem .img img, .newsItemLast .img img{
	border: 1px solid #ababab;
}
.newsItem .img span.blackArrow, .newsItemLast .img span.blackArrow{
	height: 13px;
	width: 8px;
	position:absolute;
	left:0; top:45%;
	background: url("../images/news-img-arrow.gif") left top no-repeat;
}
.newsItem .img span.yellowArrow, .newsItemLast .img span.yellowArrow{
	height: 13px;
	width: 8px;
	position:absolute;
	left:-30px; top:45%;
	background: url("../images/news-arrow.gif") left top no-repeat;
}
.newsItem h3, .newsItemLast h3{color: #fdb733; font-size: 1.5em; padding-top: .5em;line-height:1.1em;}
.newsItem p, .newsItemLast p{
	font-size: .8em;
}
#content ul{
	list-style:none;
	margin: .2em 0 2em 0;
}
#content li{
	background: url("../images/zarazka.gif") left .6em no-repeat;
	padding: .1em 0 .2em 13px;
}

.kategorie{
	width: 133px;
	float:left;
	padding: .7em 0 0;
	text-align:center;
}
.kategorie h4{
	padding: 0 0 .3em;
	font-size: .9em;
}
.kategorie h4 a{
	color:#FFF !important;
}

.fotbal a, .atletika a, .hriste a, .kurty a, .vybaveni a, .osvetleni a{
	display:block;
	height: 12em;
	color:#FFF;
	text-decoration:none;
	margin-bottom: 1.5em;
}
.fotbal h4 a, .atletika h4 a, .hriste h4 a, .kurty h4 a, .vybaveni h4 a, .osvetleni h4 a{
	display:inline;
	height: auto;
	color:#FFF;
	text-decoration:none;
	background:none;
}
.fotbal a{
	background: url("../images/kat-fotbal.gif") bottom left no-repeat;
}
.fotbal a:hover{
	background: url("../images/kat-fotbal-hover.gif") bottom left no-repeat;
}
.atletika a{
	background: url("../images/kat-atletika.gif") bottom left no-repeat;
}
.atletika a:hover{
	background: url("../images/kat-atletika-hover.gif") bottom left no-repeat;
}
.hriste a{
	background: url("../images/kat-hriste.gif") bottom left no-repeat;
}
.hriste a:hover{
	background: url("../images/kat-hriste-hover.gif") bottom left no-repeat;
}
.kurty a{
	background: url("../images/kat-kurty.gif") bottom left no-repeat;
}
.kurty a:hover{
	background: url("../images/kat-kurty-hover.gif") bottom left no-repeat;
}
.vybaveni a{
	background: url("../images/kat-vybaveni.gif") bottom left no-repeat;
}
.vybaveni a:hover{
	background: url("../images/kat-vybaveni-hover.gif") bottom left no-repeat;
}
.osvetleni a{
	background: url("../images/kat-osvetleni.gif") bottom left no-repeat;
}
.osvetleni a:hover{
	background: url("../images/kat-osvetleni-hover.gif") bottom left no-repeat;
}

#products{
	margin-top: 2em;
	margin-bottom: 1em;
}

.product{
	width:215px;
	float:left;
}
.product h3{
	color: #fdb733;
	font-size: 1.5em;
	padding-top: .5em;
	line-height:1.1em;
}
.product p{
	font-size: .8em;
}

.vybaveni-polozka{
	text-align:center;
	width: 215px;
	float: left;
	padding: .5em 0 1em;
}

.partner {
	margin: 2em 0 3em;
}

.partner h3{
	padding:0 0 .3em;
}


.reference{
	padding:1.8em 0 2.2em 0;
	border-bottom: 1px dotted #4b5256;
}	
.reference h3{
	display:block;
	width:280px;
	margin:0;
	padding:0;
	float:left;
	margin-left:40px;
}	
.reference p a{
	float:right;
	margin:0;
	margin-top:-.3em;
	background: url("../images/pdf-ico.gif") right center no-repeat;
	padding: .3em 22px .5em 0;
	font-size: .9em;
}	
.skolniHriste{
	background: url("../images/skolni-hriste-ico.gif") left center no-repeat;
	}
.fotbalovaHriste{
	background: url("../images/fotbalove-hriste-ico.gif") left center no-repeat;
	border-top: 1px dotted #4b5256;
	margin-top:2em;
	}
.atletickeStadiony{
	background: url("../images/atleticke-stadiony-ico.gif") left center no-repeat;
	}		
.tennis{
	background: url("../images/tennis-ico.gif") left center no-repeat;
	}		
	
	
.newsBigItem{
	margin-bottom: 1em;
	border-bottom: 1px dotted #4b5457;
	padding-bottom: 1em;
}
.newsBigItem img{
	float:left;
	padding: .5em 1em .3em 0;
}
.newsBigItem h3{
	padding: .1em 0 0 0;
}
p.pagination span{
	color:#fdb733;
	font-weight:bold;
}
p.pagination a{
	color:#FFF;
	text-decoration:none;
}
p.pagination a:hover{
	color:#fdb733;
	text-decoration:underline;
}

.certifikat{width:215px;float:left;text-align:center;margin-top:2em;}
.certifikat p{font-weight:bold; color:#fdb733}

#footer{
	background: url("../images/content-end.jpg") center top no-repeat;
	padding-top: 144px;
}
#footer .box{
	background: #fdb733;
	color:#000;
	font-size: .9em;
	padding: 2em 0;
}
#footer .subBox{
	width: 184px;
	float:left;
	border-right: 1px dotted #a77922;
	text-align:left;
	min-height: 7em;
	height: 7em;
}
#footer .subBox p{
	padding-left: 1.5em;
}
#footer .subBoxLast{
	width: 184px;
	float:left;
	text-align:center !important;
}
#footer .subBoxLast img{
	margin:0 auto;
}

	
.gallery-images{
	background: #000;
	border:3px solid #000;
	}	


}
@media print {
body {font:9pt Arial,Helvetica,sans-serif}
#podekovani,.performer img {display:none}
}