* { margin: 0; padding: 0; font-size:100%; font-family: Arial, sans-serif; list-style:none;}
body{background:#EEEEEE url('../imgs/web/bg-body.png') repeat-y center; color:#000; text-align:center; height:100%;}

a{ text-decoration:underline;}
a:visited{text-decoration:underline;}
a:hover{text-decoration:none;}


#main{width:975px; margin:0px auto; font-size:80%;text-align:left; position:relative;}

#leftCol{width:722px; float:left;overflow:hidden;}
	#microHeader{height:20px; }
	#microHeader a{line-height:20px; margin-left:10px; color:#2A2B2B; font-size:90%;}
	#microHeader .lang{margin-right:480px; margin-left:0px;}

	#header h1{margin-left:180px; margin-top:30px; color:#003460; position:relative; width:298px; height:47px; overflow:hidden; margin-bottom:30px; }
	#header h1 span{width:298px; height:47px; background:url('../imgs/web/krav-maga-logo.gif') no-repeat; position:absolute; top:0px; left:0px;}

	#header h1 a{color:#003460; text-decoration:none;}
	#header h1 a b{font-size:80%; text-transform:uppercase; }
	
	#menu{background:#003460; width:721px; height:22px; border-bottom:solid 1px #99AEBF; border-right:1px solid #2D587C; margin-bottom:8px;
    }
	#menu a{color:#fff;  line-height:22px;  text-decoration:none; padding:0px 9px; font-weight:bold;}
	#menu li.first a{padding:0px; padding-right:9px; padding-left:4px;}
	#menu .active {background:#C4DDFC;}
	#menu a:hover{background:#2A2B2B;}
    #menu li.active a{color:#003460; }
    #menu li.active a:hover{background:none;}
	#menu li{float:left;}
	#menu ul{margin-left:10px;}
	
	#submenu a:hover{background:none;text-decoration:none;}
    #submenu {background:#C4DDFC; width:721px;font-size:88%; line-height:16px;  border-right:1px solid #CFE5FF; border-bottom:1px solid #CFE5FF;}
    #submenu a{color:#003460; text-decoration:underline; }
    #submenu li.active a{text-decoration:none;}
	#homeBanners {height:410px; background:url('../imgs/web/home-mirror.jpg') no-repeat 1px 350px;}
	#homeBanners a{display:block;width:240px; height:349px; float:left;}
	#homeBanners a{text-align:center; color:#fff;}
	#homeBanners a span{line-height:58px;}
	#homeBanners a.police{ background:url('../imgs/web/home-police.jpg') no-repeat;}
	#homeBanners a.police:hover, #homeBanners a.civilist:hover, #homeBanners a.army:hover{background-position:-240px 0px;}
	#homeBanners .civilist{ background:url('../imgs/web/home-civilist.jpg') no-repeat; margin-left:1px;}
	#homeBanners .army{ background:url('../imgs/web/home-army.jpg') no-repeat; margin-left:1px;}
	#homeBanners a b{display:none;}
	#homeBanners a:hover b{display:block; margin-top:140px;}
	
#content { min-height:300px; }
    
    
	#content .safepd{padding:10px; padding-top:0px;}
	#content .navigation{margin-bottom:10px; clear:both;padding-top:8px;  float:left;}
	#content h2#title,  h2.title{font-family:'Arial Black', Gadget, sans-serif; font-size:170%; text-transform:uppercase;clear:both;}
	#content p{padding:2px 0px 4px 0px;}
	#content h3, #gallery h2{font-size:130%; margin-top:4px; clear:both;}
	#content ul{padding-left:20px;}
	#content li{list-style:circle;padding:2px 0px;}
	#content table{}
	#content table th{background: #003460; color:#fff; font-weight:bold;border:1px solid white;}
	#content table td{background:#D9D9D9;border:1px solid white;}
	#content table th, #content table td{padding:3px;}
	#content table th a{color:#fff;}
	#content a{color:#003460;}
	#content .anotation{font-size:110%; font-weight:bold;}
	#content a.external{padding-left:9px; background:url(../imgs/web/aoutside.gif) no-repeat 0px 4px;}
	#content input, #content textarea{border:1px solid #839CB1; padding:2px;}
	#content .error {color:red;}
	.required input{ background:#EFF8FF;}
	#content .error input{border:1px solid red;}
	
    #content .submit { cursor:pointer; background:#031587; color:#fff; font-weight:bold;}
    
    
    #content .obrazek_vpravo{padding:5px 0px 5px 5px;}
    #content .obrazek_vlevo{padding:5px 5px 5px 0px;}
    
	.blogArticle{margin:5px 5px;}
	.blogArticle img{margin-right:10px; margin-bottom:10px;}
	.blogArticle p{ text-align:justify;}
	#content .blogArticle h3{clear:none;}

	#gallery{margin-top:10px;}
	#gallery .galleryItem{float:left; margin-right:5px; margin-top:5px;}
	#gallery .img{height:160px;}
    

    
    .video img{width:200px;}
        

    #basicInfo h3, #newsArticles h3,  #actualArticle h3{font-size:110%; font-weight:bold;}
    #content #basicInfo p, #content #newsArticles p{font-size:80%;}
    
    #basicInfo, #newsArticles ,#actualArticle,#lastMessages, #lastMultimedia{ float:left;}
    #basicInfo, #newsArticles,#lastMessages, #lastMultimedia{width:350px;}
    #actualArticle{width:350px;background:url('../imgs/web/bg-reports-bottom.gif') no-repeat  bottom left; padding-bottom:10px; }
    	#actualArticle .inner2{background:url('../imgs/web/bg-report.gif') no-repeat; }
    	#actualArticle .inner{background:url('../imgs/web/bg-reports-repeat.gif') repeat-y; }
    	
   #lastMessages h2, #basicInfo h2,#newsArticles h2, #infoboxBottom h2, #actualArticle h2,#lastMultimedia h2{font-family:'Arial Black', Gadget, sans-serif; font-size:170%; text-transform:uppercase;  color:#003460;}
   #lastMessages h2 span, #basicInfo h2 span, #newsArticles h2 span, #infoboxBottom h2 span, #actualArticle h2 span,#lastMultimedia h2 span{font-size:70%; display:block; position:relative; top:5px;color:#4D4D4D;}
    
    #basicInfo .blogArticle img, #newsArticles .blogArticle img, #actualArticle .blogArticle img{width:25%; border-right:2px solid white; border-top:2px solid white;}
    #basicInfo .blogArticle, #newsArticles .blogArticle, #actualArticle .blogArticle,#lastMessages .blogArticle{ background:url('../imgs/web/article-list-bg.gif') 0px 1px repeat-x; border-top:1px solid #E0E1E1;}
    #infoboxBottom {clear:both; margin-top:30px;}
    #basicInfo .blogArticle{margin:5px 0px;}
    #actualArticle .blogArticle{margin:5px 20px 0px 10px;}
    .bestArticle{margin:0px 15px 5px 0px;}
    .bestArticle .inbox{background:#E6EAED; margin-left:10px; margin-right:4px;}
    #lastMessages p{font-size:85%; padding:5px; padding-top:0px;}
    
    #lastMessages h3{font-size:90%; padding-left:5px;}
    
    
    #lastMultimedia .inner{padding:5px;}
    #lastMultimedia a{margin-right:10px; line-height:45px;}
    #lastMultimedia .moreLink a{line-height:15px;}
    #content #actualArticle p, #content #basicInfo p{font-size:85%; padding-right:5px;}
       
    #content .bestArticle p.anotation{padding:0px 10px 0px 0px;  }
    #content .bestArticle h3{padding:15px 10px 5px 10px;text-transform:uppercase; }
    #content .bestArticle img{  padding-left:0px;}
 
    #content #application th,#content #register th,#content .form th {background:#fff; color:#000; text-align:right; width:130px}
    #content #application td,#content #register td,#content .form td{background:#fff;}

    #content .application{ cursor:pointer; background:#031587; color:#fff; font-weight:bold; display:block; height:16px; margin-bottom:5px;width:160px;padding:2px;line-height:16px; text-align:center; border:1px solid #839CB1; text-decoration:none;}
    
    .panelMargin{height:210px;}
    #panel{position:absolute; left:0px; bottom:85px;}
      #panel a{width:108px; display:block; height:210px; text-decoration:none; float:left;background-color:#455C72; margin-right:8px;}
      #panel b{color:#fff; display:block; padding:0px 4px;font-size:80%;}
      #panel a span{display:block; margin-bottom:108px;height:20px; background:#fff; padding-top:8px;}
      #panel a:hover{background-position:-108px 30px; text-decoration:underline;}
      #panel .panelCeskaSekce{background-image: url('../imgs/web/ceska-sekce.gif'); background-repeat:no-repeat; background-position:0px 29px;}
      #panel .panelClanky{background-image: url('../imgs/web/archiv-clanku.gif'); background-repeat:no-repeat; background-position:0px 30px;}
      #panel .panelKalendar{background-image: url('../imgs/web/kalendar.gif'); background-repeat:no-repeat; background-position:0px 30px;}
      #panel .panelKluby{background-image: url('../imgs/web/kluby.gif'); background-repeat:no-repeat; background-position:0px 31px;}
      #panel .panelMultimedia{background-image: url('../imgs/web/multimedia.gif'); background-repeat:no-repeat; background-position:0px 30px;}
      #panel .panelKurzy{background-image: url('../imgs/web/seminare.gif'); background-repeat:no-repeat; background-position:0px 30px;}
	
	.addMessage{padding-left:25px; height:25px;background:url('../imgs/web/add-message.gif') no-repeat; display:block; }
	.addDiscussion{padding-left:30px; height:25px;background:url('../imgs/web/add-diskuse.gif') no-repeat; display:block; clear:both; line-height:25px; }	
	
	.messages{}
	.message {margin:10px 10px;  padding-bottom:10px;}
	.messageUrl{display:block; float:left; margin-bottom:5px;}
	.message .author{float:left; width:110px; font-weight:bold;clear:both;}
	.message .bubbleTop{padding:5px 20px 0px 20px;background: url('../imgs/web/bubble-top.gif') no-repeat;}
	.bubbleMiddle{float:left; width:565px;position:relative;background: url('../imgs/web/bubble-middle.gif') repeat-y 12px 00px; }
	.bubbleBottom{ background: url('../imgs/web/bubble-bottom.gif') no-repeat right bottom; padding-bottom:5px;}
	.message h4{font-size:110%;}
	.message p{font-size:90%;}
		.message .bubbleTop .date{position:absolute; top:4px; right:8px; font-size:85%;font-style: italic;}
	#discussion input,#discussion textarea{width:540px;}
	#discussion textarea{height:130px;}
	#discussion .submit{width:200px;}
	#discussion .form th{width:120px;}
	#content #discussion .discussionTitle{background:url('../imgs/web/diskuse.gif') no-repeat; padding-left:30px; font-size:130%; margin-top:20px;}
	#discussion .back{background:url('../imgs/web/diskuse-zpet.gif') no-repeat; padding-left:30px; display:block;height:25px; line-height:25px;margin-top:5px;}
	
	
	#content #discussion h3{font-size:110%;}
		#discussionList{ width:700px; clear:both; margin-top:10px;}
		#content #discussionList td{background:none; border-bottom:1px solid grey;}
		#discussionList .icon a{background:url('../imgs/web/diskuse.gif') no-repeat; display:block; height:22px; padding-left:30px;}
	   #content #discussionList th{ border:none; width:auto;}
	   #content .newsletter img{border:none;}
	   
	
	#content #discussionCategory{padding:0px; margin:0px; }
	#content #discussionCategory li{padding:0px; margin:0px;}
	#discussionCategory a{text-decoration:none;display:block; width:168px; overflow:hidden; margin-right:7px;}
	#discussionCategory a:hover{text-decoration:none;}
	#discussionCategory a:hover b{text-decoration:none;}
	#discussionCategory b{font-size:120%; text-decoration:underline; display:block;margin-bottom:5px;}
	#discussionCategory img{border:none;width:100%;}
	#discussionCategory li{list-style:none;  height:240px;float:left;}
	#discussionCategory .discussions{text-decoration:none; background:url('../imgs/web/diskuse.gif') no-repeat; display:block; float:left; padding-left:30px; height:25px; margin-left:5px;}
	#discussionCategory .messages{text-decoration:none; background:url('../imgs/web/messages.gif') no-repeat; display:block;  float:left;padding-left:30px; height:25px; margin-left:10px;}
	#discussionCategory li span{font-size:85%; display:block;clear:both;}

    .galerieItem{float:left; width:220px; margin-left:20px;margin-top:15px;}
    #content .galerieItem h3{font-size:110%;}
    #content .galerieItem b{font-size:85%;}
    .odd{clear:both; margin-left:0px;}
    #toolbar{float:right;padding-top:10px; font-size:80%;}
    
    .videosm{width:156px; font-size:80%;}
    .videosm img{width:156px;}
    #gallery .videosm{width:170px;}
    .allArticles{display:block; margin-left:120px;}
    .videoThumb img{width:200px;}
    
    .fr{float:right;}
#rightCol{width:251px;float:right;  overflow:hidden;}
	#rightCol .box {background:#2A2B2B url('../imgs/web/right-box-top.gif') no-repeat; padding-top:10px; color:#fff;}
	#rightCol .boxBottom{background: url('../imgs/web/right-box-bottom.gif') no-repeat left bottom; padding-bottom:20px; }
	#rightCol .box h3, #login h3, #search h3, #sponsors h3, #reference h3{margin-left:10px; font-family:'Arial Black', Gadget, sans-serif; font-size:140%; text-transform:uppercase; }
	
	#acred {margin-bottom:10px;}
	#acred .boxBottom{background: url('../imgs/web/right-box-bottom-b.gif') no-repeat left bottom; padding-bottom:10px;}
	#acred a{color:#fff; text-align:right; width:95%; display:block; padding-top:5px;}
	
	#actbox{margin-bottom:10px; font-size:85%;}
	#actbox p{border-top:1px solid #393A3B; margin-top:5px; width:230px;}
    #actbox .first{font-size:105%; text-transform:uppercase; border:none; margin-top:0px;}
	#actbox a img{text-decoration:none;}
	#actbox .boxBottom{background: url('../imgs/web/right-box-bottom-b.gif') no-repeat left bottom; padding-bottom:10px;}
	#actbox a img{border:none; width:100%;}
	#actbox .in{padding:0 0px 0 10px;}
	#actbox a{color:#fff; font-weight:bold; text-align:left; width:95%; display:block; padding-top:5px; font-size:110%;}
	#actbox .link {text-align:right;}
	
	
	#login { padding-bottom:30px; background:#003460 url('../imgs/web/right-box-login.gif') left bottom no-repeat; color:#fff; width:248px; border-bottom:4px solid #fff;}
	#login img{margin-left:50px; margin-top:20px; margin-bottom:10px;}
	#login p{margin-left:10px;}
	#login label{width:50px; display:block; float:left; }

	#login input {float:left;width:170px; margin-bottom:6px; border:1px solid #839CB1;}
	#login input.submit{margin-left:136px;width:85px; cursor:pointer; background:#465D71; color:#fff; border:none; margin-bottom:0px; border:1px solid #506270;}
	#login a{color:#FFF;}

	#search{margin-top:10px; margin-bottom:10px}
	#search form{margin-left:10px;}
	#search input {border:1px solid #D9D9D9; float:left;}
	#search .submit{width:80px; background:#D9D9D9;border:none; cursor:pointer;}
	
	#clubs{margin-bottom:20px;}
	#clubs .in{margin-left:10px; font-size:90%;}
	#clubs .in ul li{padding-left:40px;}
	#clubs a{color:#fff;}
	
	#newsletterbox img{width:100%;}
	#newsletterbox .in{margin:0px 10px;}
	#newsletterbox a{color:#fff;}
	#newsletterbox .link{text-align:right; display:block;}
	#newsletterbox h4{font-size:110%;}
	
	#sponsors{}
	#sponsors .in{margin-left:10px; font-size:90%;}
	#rightCol .sheading{font-size:120%;display:block; font-weight:bold;}
	#rightCol .sheading a{display:block; font-size:70%;color:#4C4E4E; font-weight:normal;}

#footer{height:78px; background:#2A2B2B; color:#fff; text-align:center;}
    #footer li{float:left;}
	#footer ul{width:100%; height:32px; background:#4C4E4E; border-top:4px solid #2A2B2B;}
	#footer a{color:#fff; font-size:90%;display:block; float:left; line-height:30px; padding:0px 40px;}
	#footer p{font-size:75%; margin-top:2px;}


.banner{width:100%; text-align:center;padding:20px 0px; margin-top:20px; clear:both;}

#mail{padding:10px; text-align:left; font-size:90%;}

.moreArticles{padding-right:25px; padding-top:10px;}

.cl{clear:both; line-height:1px; font-size:1px; margin-top:-1px;height:0px;}
.fl{float:left;}
.glt-elm{position: absolute;	z-index:15;left: 0;	top: 0;	width: 161px;	color: #000;	opacity: 0.9;	visibility: hidden;}
.glt-elm p{	background: #C1C0C0;	margin: 0;	padding: 5px 5px; font-size:80%; border:1px solid #000;}
.glt-elm img{	display: block; }

@media print {
#rightCol {display:none;}
#header{display:none;}
#menu{display:none;}
#panel{display:none;}
#leftCol{width:100%;}
#footer{display:none;}
}

#napsali-o-nas td, th{
	width: 130px;
	
}
/* Instructor page settings */
instructor-img {
	border:0px;
	float:left;
	width: 116px;
	height: 166px;
}

.clearfloat {
	clear:both;
	height:0px;
}

#instructor-container {
	//border: 1px solid #000000;
	float:left;
	display:inline;

}

#instructor-container img {
	border:0px;
	float:left;
	width: 116px;
	height: 166px;
}

#instructor-info {
	background-image:	url(../data/kluby/images/gradient_background.png);
	background-repeat: repeat-x; 
	height:166px;
	width: 583px;
	margin-left: 3px;
	float:left;
	display:inline;
	//line-height:1.1em;

}

#instructor-name {
	/*border: 1px solid #000000;*/
	margin-left:20px;
	margin-top:16px;
	margin-bottom: 16px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:18px;
}

.instructor-info-key {
	//border: 1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	margin-left:20px;
	width:80px;
	float:left;
	display:inline;	
}

.instructor-info-value {
	//border: 1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#09F;
	margin-left:0px;
	float:left;
	display:inline;	
}
/* Club page settings */
#club-instructor-container {
	//border: 1px solid #000000;
	float:right;
	width: 340px;
	display:inline;

}
#club-instructor-container img {
	border:0;
	float:left;
	width: 104px;
	height: 156px;
}

#club-instructor-info {
	background-image: url(../data/kluby/images/gradient_background.png);
	background-repeat: repeat-x; 
	height:156px;
	width: 230px;
	margin-left: 3px;
	float:left;
	display:inline;
	line-height:1.1em;

}
#club-instructor-name {
	/*border: 1px solid #000000;*/
	margin-left:15px;
	margin-top:16px;
	margin-bottom: 19px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:16px;
}

#club-instructor-photos {
	/*border:1px solid;*/
	margin-top: 35px;
	float:left;
}

#club-instructor-photos img {
	border:0;
	padding: 0;
	margin:0;
	float:left;
	width: 109px;
	height: 156px;
	margin-right: 40px;
}

.club-instructor-info-key {
	/*border: 1px solid #000000;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	margin-left:15px;
	width:65px;
	float:left;
	display:inline;	
}

.club-instructor-info-value {
	/*border: 1px solid #000000;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#09F;
	margin-left:0px;
	float:left;
	display:inline;	
}

/* Instructor page settings */
#instructor-container {
	/*border: 1px solid #000000;*/
	float:left;
	display:inline;
	width: 714px;
	height: 182px;
	margin-bottom:10px;
}

#instructor-container img {
	border:0;
	padding: 0;
	float:left;
	/*width: 109px;*/
	/*height: 166px;*/
}

#instructor-info {
	background-image: url(../data/kluby/images/gradient_background.png);
	background-repeat: repeat-x; 
	/*height:156px;*/
	width: 575px;
	margin-left: 3px;
	float:left;
	display:inline;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}
#instructor-name {
	/*border: 1px solid #000000;*/
	margin-left:15px;
	margin-top:16px;
	margin-bottom: 15px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:18px;
}

.instructor-info-key {
	/*border: 1px solid #000000;*/
	color:#999;
	margin-left:15px;
	width:70px;
	float:left;
	display:inline;	
}

.instructor-info-value {
	/*border: 1px solid #000000;*/
	color:#09F;
	margin-left:15px;
	float:left;
	display:inline;	
}