*{margin:0;padding:0;font-family: Arial, "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;list-style:none;}

body{text-align:center;  color:#fff; background:#000;}
#main{width:980px; margin:0px auto; text-align:left; background:#000 url("../imgs/web/bg-main.gif") repeat-y; }
a{color:#FFFF07; text-decoration:none;}
a:hover{color:red; text-decoration:underline;}
/* #008737 */
a img{border:none;}
#header{height:125px; position:relative;}
	#header h1{height:125px; width:980px; position:relative;}
	#header h1 span{position:absolute; top:0px; left:0px; height:125px; width:980px;background:url("../imgs/web/header.gif") no-repeat; cursor:pointer;}
	#header h1 a{display:block;}
	#regionChooser {position:absolute; top:0px; right:0px;}
	#regionChooser a{display:block; height:110px; width:110px;margin-top:20px; margin-right:23px;}
	#regionChooser a span{display:none;}
	#regionChooser a:hover{text-decoration:none; }
	#regionChooser .ostrava{background:url("../imgs/web/ostrava.gif") no-repeat 0px 0px;}
	#regionChooser .olomouc{background:url("../imgs/web/olomouc.gif") no-repeat 0px 0px;}
	#regionChooser .prostejov{background:url("../imgs/web/prostejov.gif") no-repeat 0px 0px;}
	#regionChooser .second{position:absolute; top:0px; right:0px; height:110px; width:60px; z-index:5;}
	
#leftCol{float:left; width:150px; background:#323232; border-top:5px solid #000;}
	#leftCol h3{text-transform:uppercase; font-size:100%; margin-top:10px;}
	#webMenu ul{padding:10px;}
	#webMenu li a{text-decoration:none; border-bottom:1px dotted white; display:block; padding:2px 0; text-transform:uppercase; font-weight:bold;}
	
	#webMenu h3{width:150px; height:27px; position:relative;}
	#webMenu h3 span{width:150px; height:27px; position:absolute; top:0px; left:0px;display:block;  background:url("../imgs/web/h-menu.gif") no-repeat;}
	
	#shortNews h3{ width:150px; height:21px;  position:relative;}
	#shortNews h3 span{ width:150px; height:21px;position:absolute; top:0px; left:0px; display:block; background:url("../imgs/web/h-short-news.gif") no-repeat;}
	#shortNews p{font-size:75%; margin-bottom:5px;}
	#shortNews h4{font-size:90%;}
	#shortNews a{font-size:80%;}
	
	#lastGallery{padding-bottom:10px;}
	#lastGallery .galerieItem{padding:0px 10px ;}
	#lastGallery img{width:100%; border:none;}
	#lastGallery h3{ width:143px; height:42px;position:relative;}
	#lastGallery h3 span{ width:143px; height:42px; position:absolute; top:0px; left:0px; display:block; background:url("../imgs/web/h-last-foto.gif") no-repeat;}
	#lastGallery h4{ font-size:70%;}
	#lastGallery .all{font-size:80%; padding-left:10px; }
	
#search{}
#search form{padding:10px; font-size:80%;}
#search input{width:95px; border:none; padding:2px;}
#search input.submit{width:30px; border:none; background:#FF0000; color:#fff; font-weight:bold; cursor:pointer;}
	
#rightCol{float:left; width:830px;}
	#shared{background:#000;}
		#best{position:relative; float:left; height:240px; background:#4B4B4B url("../imgs/web/bg-best.gif") 0px 205px no-repeat; width:390px;}
	    #best p{font-size:75%; text-align:justify;}
	    #best h3{margin-bottom:5px;}
	    #best a{ font-size:80%;}
	    #best ul{position:absolute; height:23px; width:390px;overflow:hidden;  bottom:0px; left:0px; background:#4B4B4B url("../imgs/web/bg-best-foot.gif");}
		#best li{ float:left; width:130px; text-align:center; overflow:hidden; height:23px;}
		#best ul a{ text-transform:uppercase; color:#000; font-weight:bold;}
		#best .fst{color:#FFFF06;}
		#best .snd{color:#FFF;}
		#best .articleThumb{margin-left:5px;}
    #shopNews{width:380px; float:right; padding:10px; border:1px solid #4B4B4B;}
    #shopNews h3{color:#FFFF06; margin-bottom:10px; text-transform:uppercase;}
    #shopNews h4{ font-size:80%; margin-top:5px;}
    #shopNews h4 b{color:#8A8A8A;}
    #shopNews p{font-size:70%; padding-bottom:5px; border-bottom:1px #4B4B4B dotted;}
    #shopNews img{margin-left:10px;}
    #shopNews a{font-size:70%; text-align:right; display:block; margin-top:4px;}
	
	#fotogalerie {font-size:80%;}
		
	#content{float:left; width:680px; position:relative; top:-20px;}
	#content .in{padding:20px;}
	   .searchResult h3{padding-bottom:0px; margin-top:5px}
	    #leftSubcol{width:380px; font-size:80%; float:left;}
	       #indexList .blogArticle{margin-bottom:10px; border-bottom:1px solid #4B4B4B; padding-bottom:10px;}
	       #indexList p{font-size:85%;}
	       #indexList h3{font-size:100%;}
	    
        #rightSubSubcol{float:right; width:250px; overflow:hidden; position:relative; right:-5px; margin-top:40px;}
	    
	    
		#content h2{color:#008737; font-size:200%; text-transform:uppercase;color:red;margin-top:10px;}
		#content #navigation{ font-size:75%; margin-bottom:5px;margin-top:0px;}
        #content .facts{}
    
        #gallery {margin-top:20px; }
        #gallery h2{text-transform:uppercase; color:#FFF; letter-spacing:-0.6pt; padding-right:32px; padding-left:5px; display:inline;}
        #gallery .galleryItem{display:inline;}
        #gallery .galleryItem img{border:2px solid white; margin:5px;}
        #gallery .anotace{color:#FFF;margin-bottom:10px; font-size:80%;}
      
      #discussion{background:#FFF; margin-top:20px;}
      #discussion h2{text-transform:uppercase; color:#FFF; letter-spacing:-0.6pt; padding-right:32px; padding-left:5px; display:inline;}
      #discussion form{margin-top:10px}
      #discussion form input{width:200px;}
      #discussion form input.buttom{cursor:pointer;}
      #discussion .inbox{font-size:80%;}
      #discussion h3{margin-top:10px;}
      #discussion th{width:60px;}
      #discussion textarea{width:260px; height:120px; font-size:100%;}
      #discussion span.error{display:block;}
      #discussion .helper{padding:0 10px;}
    
    .banner {margin-bottom:15px;}
    #content #blog, #content #html,#content #gallery, #content #profil{font-size:75%;}
    #html .anotace {font-size:100%; margin-bottom:5px; font-weight:bold;}
    #content #blog img{margin-right:10px;}
    #content #blog .blogArticle{margin-bottom:10px;  border-bottom:1px solid #4B4B4B; padding-bottom:10px;}
    
    #map img{margin-right:20px;}
    #map h3{font-size:130%;}
    #map ul{padding-left:20px; margin-bottom:10px; font-size:100%; }
    #map ul li{list-style-type:circle; color:#F9F400;}

    #rightSubCol img{border:none; margin-top:5px;}
	#rightSubCol{ width:150px; float:left; background:#323232 url("../imgs/web/bg-right.gif") no-repeat; overflow:hidden;}
	#rightSubCol .hMusic{margin-top:30px;width:150px; height:23px; position:relative;}
	#rightSubCol .hMusic span{position:absolute; top:0px; left:0px; width:150px; height:23px; background:url("../imgs/web/h-music.gif") no-repeat;}

	#rightSubCol .hMusic{margin-top:30px;width:150px; height:23px; position:relative;}
	#rightSubCol .hMusic span{position:absolute; top:0px; left:0px; width:150px; height:23px; background:url("../imgs/web/h-music.gif") no-repeat;}

	#rightSubCol .player{ width:132px; height:23px;display:block; position:relative; margin-top:5px; margin-left:10px; margin-bottom:10px; font-size:80%;}
	#rightSubCol .player span{ width:132px; height:23px;position:absolute; top:0px; left:0px; background:url("../imgs/web/player.gif") no-repeat; cursor:pointer;}

	#rightSubCol .hCalendar{width:150px; height:22px; position:relative; margin-top:10px;}
	#rightSubCol .hCalendar span{width:150px; height:22px; position:absolute; top:0px; left:0px; background:url("../imgs/web/h-calendar.gif") no-repeat;}

	#rightSubCol .hFlyers{width:150px; height:22px; position:relative; margin-top:10px;}
	#rightSubCol .hFlyers span{width:150px; height:22px; position:absolute; top:0px; left:0px; background:url("../imgs/web/h-flyers.gif") no-repeat;}
	#rightSubCol #actions{font-size:80%; padding:10px; overflow:hidden;}
	#rightSubCol #actions img{margin-bottom:10px; max-width:130px;}

    .linkMyspace{width:128px; height:28px; position:relative; margin-left:10px; margin-top:10px; display:block;}
    .linkMyspace span{width:128px; height:28px; position:absolute; top:0px; left:0px;  background:url("../imgs/web/myspace.gif") no-repeat;}
    .linkFacebook{width:150px; height:30px; position:relative; margin-left:0px; margin-top:10px;display:block; }
    .linkFacebook span{width:150px; height:30px; position:absolute; top:0px; left:0px; background:url("../imgs/web/Facebook_twister.gif") no-repeat;}

    .linkSkateshop{width:124px; height:33px; position:relative; margin-left:10px; margin-top:5px; display:block; font-size:90%;}
    .linkSkateshop span{width:124px; height:33px; position:absolute; top:0px; left:0px;  background:url("../imgs/web/skateshop.gif") no-repeat;}
    .linkGirlshop{width:126px; height:24px; position:relative; margin-left:10px; margin-top:10px;display:block; }
    .linkGirlshop span{width:126px; height:24px; position:absolute; top:0px; left:0px; background:url("../imgs/web/girlshop.gif") no-repeat;}

	.linkRapshop{width:150px; height:30px; position:relative; margin-left:0px; margin-top:10px;display:block; }
    .linkRapshop span{width:150px; height:30px; position:absolute; top:0px; left:0px; background:url("../imgs/web/rapshop_twister.gif") no-repeat;}


	.linkGirlshop:hover{text-decoration:none;}

    
    #thrdBox img{height:200px;}
    #thrdBox {text-align:center;}
    #flyers img{width:45px;}
    
#footer{ font-size:80%; background:#323232; clear:both; height:28px; background:url("../imgs/web/footer.gif") no-repeat;}
	#footer ul{padding:5px;margin-left:180px; padding-top:10px;}
	#footer li{float:left; margin-right:50px;}
	
	#webMenu .novinky a{color:#008637;}
	#webMenu a.a{color:red;}
	.contestBox ul{font-size:70%; padding-left:20px;}
	.contestBox{background:#fff; color:#000; padding:10px; margin-bottom:10px;}
	.contestBox h3{color:#008637; text-transform:uppercase;}
	.contestBox h4{font-size:80%; font-weight:bold;}
	.contestBox .anotation{font-size:80%;}
	.contestBox a{display:block; background:#323232; font-size:80%; padding:4px; font-weight:bold; margin-top:5px;}
	.contest label{display:block; font-size:80%;}
	.contest .anotation{display:block; font-size:100%; margin:10px 0px; font-weight:bold;}
	.error{color:#FF0000; font-weight:bold;}
#temp{background:#000;}

#select{position:relative; width:600px; margin:0px auto;}
#select a:hover{text-decoration:none;}
#olomouc{position:absolute; width:110px; height:80px;  top:100px; left:80px; display:block;}
#prostejov{position:absolute; width:85px; height:60px; top:120px; left:200px; display:block; }
#ostrava{position:absolute; width:120px; height:80px; top:100px; right:50px; display:block;  }
#temp a{display:block; width:100%; height:100%; background:transparent;font-size:80px; overflow:hidden;}
#temp a span{display:hidden;}

#olomouc span, #ostrava span, #prostejov span{display:none;}

.in{padding:10px}
.cl{clear:both; height:1px; font-size:1px; margin-top:-1px; line-height:1px;}
cll{clear:left; height:1px; font-size:1px; margin-top:-1px; line-height:1px;}
.fl{float:left;}
.fr{float:right;}