@media screen, projection, tv{
html,body{ color: #2b2828; background: #eaeaea url(../images/body_bg.jpg) repeat-x;  margin: 0; padding: 0;   }
html,body, input, textarea, select, table{ font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif; }
/*    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif;
	 font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif;
	font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;
*/

#cont{
	margin: 0 auto;
	width: 928px;
	height: auto;
	position: relative;
	background-image: url(../images/fun.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
.logo{
	background-image: url(../images/logo.jpg);
	width: 370px;
	height: 165px;
	float: left;
}

#banner{
	height:154px;
	width: 928px;
}
#sections{
	width: auto;
	height: auto;
	position: relative;
	float:right;
}
#sections a{
	color:white;
	text-decoration: none;
	margin-top: 7px;
	display: block;
	font-size: 12px;
}
#sections a:hover{
	text-decoration: underline;
}
#sections div{
	margin-left: 2px;
}
#sections div:hover{
	background-position: center 0px;	
}
#sections div.selected{
	background-position: center 0px;	
}
#sections .centrum{
	background-image: url(../images/sp_centrum.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center -42px;	
	width: 105px;
	height: 41px;
	float: left;
	text-align: center;
}
#sections .cheers{
	background-image: url(../images/sp_cheers.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center -42px;	
	width: 105px;
	height: 41px;
	float: left;
	text-align: center;
}
#sections .aerobik{
	background-image: url(../images/sp_aerobik.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center -42px;	
	width: 105px;
	height: 41px;
	float: left;
	text-align: center;
}
#sections .street{
	background-image: url(../images/sp_street.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center -42px;	
	width: 105px;
	height: 41px;
	float: left;
	text-align: center;
}
#sections .model{
	background-image: url(../images/sp_model.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center -42px;	
	width: 105px;
	height: 41px;
	float: left;
	text-align: center;
}
.clearer{
	clear: both;
	height: 0px;
	font-size: 0px;
}
#left{
	float: left;
	width: 222px;
	height: auto;
	margin-top:40px;
}
#main{
	float: left;
	width: 675px;
	height: auto;
	margin-top:40px;
	margin-left: 30px;
}
#left #menu{
	padding: 0px;
	margin: 0px;
}
#left #menu li{
	padding: 0px;
	margin: 0px;
	display: block;
	list-style: none;
	margin-bottom: 1px;
	width: 220px;	
	height: auto;
}
#left #menu li:hover{
	background-position: 199px top;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
#left #menu li a{
	display: block;
	height: 33px;
	width: 215px;
	color: black;
	text-decoration: none;
	font-size: 15px;
	text-indent: 15px;
	line-height: 33px;
}
#left #menu li a:hover{
	text-decoration: underline;
}
#left #menu li a.sel{
	color: white;
}
#left #menu li.sel{
	background-position: 199px top;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
#left #menu li.mezera{
	height: 33px;
	background-image: none;	
}
#left #menu li.mezera:hover{
	background-image: none;	
}
/******************** menu members ******/
#left #menu_members{
	padding: 0px;
	margin: 0px;
	float: left;
}
#left #menu_members li{
	padding: 0px;
	margin: 0px;
	display: block;
	list-style: none;
	margin-bottom: 1px;
	width: 220px;	
	height: auto;
}
#left #menu_members li:hover{
	background-position: 199px top;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
#left #menu_members li a{
	display: block;
	height: 33px;
	width: 215px;
	color: black;
	text-decoration: none;
	font-size: 15px;
	text-indent: 15px;
	line-height: 33px;
}
#left #menu_members li a:hover{
	text-decoration: underline;
}
#left #menu_members li a.sel{
	color: white;
}
#left #menu_members li.sel{
	background-position: 199px top;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
#left #menu_members li.mezera{
	height: 33px;
	background-image: none;	
}
#log_area a{
	color: black;	
}
#log_area a:hover{
	text-decoration: none;
}

/******************** vypis novinek - akci ***************/
.novinka{
	float: left;
	width: 675px;
	height: 149px;
	background-image: url(../images/mezi_clanky.jpg);
	background-position: bottom;	
	background-repeat: no-repeat;
}
.novinka img{
	border: 5px solid white;
	float: left;		
}
.novinka a.nadpis{
	float: left;
	font-size: 15px;
	display: block;
	margin-left:20px;
	margin-top: 2px;
	width: 380px;
}
.novinka a.nadpis:hover{
	text-decoration: none;
}
#main .novinka .datum{
	float: right;
	width: 60px;
	background-color: black;
	color: white;
	font-size: 10px;
	padding-left: 4px;
	padding-right: 4px;	
	margin-bottom: 0px;
}
.novinka .pcko{
	height: 93px;
	float: left;
	color: #272a30;
	margin-top: 10px;	
	margin-left: 20px;		
	font-size: 13px;
	overflow: hidden;
	width: 454px;
}
.novinka .pcko p{
	margin:0px;
	padding:0px;
}
.last{
	background-image: none;
}
.page{
	float: right;
	margin-top: 10px;
	font-size: 14px;
	width: auto;
}
#main a{
	text-decoration: underline;
}
#main a:hover{
	text-decoration: none;
}
.cisla{
	padding-left: 10px;
}
.cisla span{
	padding: 5px;
	background-color: black;
	color: white;
	line-height: 30px;
}
.cisla a{
	padding: 5px;
	background-color: #d5d5d5;
	color: black;
	line-height: 30px;
}
.cisla a:hover{
	text-decoration: none;
	background-color: transparent;	
}
/*********** paticka ***************/
#foot{
	float: left;
	background-image: url(../images/foot.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: scroll;
	width: 928px;
	height: 102px;
	margin-top: 40px;
}
#odk{
	float: left;
	margin-top: 20px;
	width: auto;
	color: #808080;	
	font-size: 12px;	
}
#copy{
	float: right;
	margin-top: 20px;
	width: auto;
	color: #808080;	
	font-size: 12px;	
}
#foot a{
	font-size: 12px;
	text-decoration: underline;
	color: #808080;
}
#foot a:hover{
	font-size: 12px;
	text-decoration: none;
	color: black;
}
/************ kalendar *************/
.block{
	margin-top: 30px;
	font-size: 12px;
	width: 213px;
	height: auto;
	float: left;
	border: 1px solid #d4d4d4;
	padding-bottom: 10px;
	background-color: #e8e8e8;
}
.block .name{
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	text-indent: 15px;
	color: black;
	width: 213px;
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 10px; 
}
.block .kdy{
	text-align: center;		
	font-size: 16px;
}
.block .kdy a{
	font-size: 16px;
	font-weight: normal;
	color: black;
	text-decoration: none;
}
.block .kdy a:hover{
	text-decoration: underline;
}
.block .dny{
	font-size: 14px;
	font-weight: normal;
	color: black;
	text-align: center;
	height: 30px;
}
.block #kal{
	width: 194px;
	margin-left: 10px;
}
.block #dny_odk td{
	background-image: url(../images/kal_den_bg.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;	

	height: 26px;
	line-height: 26px;
	text-align: center;
	color:black;
}
.block #dny_odk td a{
	color: white;
}
.block #dny_odk td a{
	text-decoration: none;
}
.block #dny_odk td a:hover{
	text-decoration: underline;
}
.block #dny_odk td.den_a{
	background-image: url(../images/kal_den_a.gif);
	color:white;
}
.block #dny_odk td.den_ch{
	background-image: url(../images/kal_den_ch.gif);
	color:white;
}
.block #dny_odk td.den_m{
	background-image: url(../images/kal_den_m.gif);
	color:white;
}
.block #dny_odk td.den_c{
	background-image: url(../images/kal_den_c.gif);
	color:white;
}
.block #dny_odk td.den_s{
	background-image: url(../images/kal_den_s.gif);
	color:white;
}
.block #dny_odk td.den_v{
	background-image: url(../images/kal_den_v.gif);
	color:white;
}
.block #dny_odk td.den_v a{
	color:black;
}
.block #dny_odk td.nobg{
	background-image: none;
}
.legenda{
	float: left;
	margin-top: 10px;
	padding-left: 15px;
}
/**************** page - stranka **************/

/**************** page - stranka **************/
#main h1{
	color: black;	
	margin-top: 0px;	
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: normal;
}
#main h2{
	margin-top: 20px;
	margin-bottom: 20px;	
	font-size: 20px;
	font-weight: normal;
}
#main h3{
	margin-top: 14px;
	margin-bottom: 15px;	
   font-size: 16px;
	font-weight: normal;   
}
#main h4{
	color: black;
	margin-top: 14px;
	margin-bottom: 15px;	
   font-size: 13px;
	font-weight: bold;   
}
#main img{
	border: 5px solid white;
}

#main ul{
	padding-left: 15px;
}
#main li{
	padding-top: 5px;
	padding-bottom: 5px;	
	padding-left: 15px;
	background-image: url(../images/ico-list.gif);
	background-position: 0px 11px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	list-style: none;
}
#main li h1,#main li h2,#main li h3,#main li h4{
	margin: 0px;
	padding: 0px;
}
#main .datum{
	float: left;
	width: 60px;
	background-color: black;
	color: white;
	font-size: 10px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 20px;	
}
.novinkafull img{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#main .novinkafull h1{
	color: black;	
	margin-top: 0px;	
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: normal;
}
#main .delic{
	background-image: url(../images/mezi_clanky.jpg);
	background-position: top;
	background-attachment: scrol;
	background-repeat: no-repeat;	
	width: 675px;
	height: 28px;
	float: left;
}
.photod{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
/****************** diskuse ************************/
.diskuze-titul{
	clear: both;
}

.tra:hover, .traHover {
	background: #F1F1F1;
}

.diskuze{
	padding-top: 10px;
	border-bottom: 1px solid #C9C9C9;
	padding-bottom: 10px;
	font-size: 13px;
	padding-left: 10px;
}
#main .diskuze a{
	font-weight: bold;
	text-decoration: underline;
}
#main .diskuze a:hover{
	text-decoration: none;
}
.diskuze input, .diskuze form{
	padding: 0px;
	margin: 0px;
	display: inline;
}
tr.suda{
	background-color: #eaeaea;
}
tr.licha{
	background-color: #d3e9db;
}
.diskform
{
	background-color: #dcdcdc;
	text-align: left;
	padding: 5px;
	font-size: 13px;
}
.dform{
	width: 490px;
	height: 20px;
}
.dformtable{
	font-size: 13px;
}
.dform_textarea{
	width: 490px;
	height: 100px;
}
.nadpisd {
	font-size: 13px;
	font-weight: normal;
	padding-right: 20px;
	margin: 0px;
}

.dopln{
	border: 2px solid Red;
}
.citace{
	background-color: #e4d9e2;
	border: 1px solid white;
	padding: 5px;	
}
/*************** lektori **************/
.lektor{
	float: left;
	width:200px;
	height: 154px;
	background-color: white;
	padding-top: 5px;	
	margin-right: 20px;	
	margin-bottom: 20px;	
}
#main .lektor a.jmeno{
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	padding-left: 5px;
	color: #252525;
}
.lektorfull img{
	float: right;
	margin-right: 20px;
	margin-bottom: 20px;
}
#main .lektorfull h1{
	color: black;	
	margin-top: 0px;	
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: normal;
}
/********* members **************/
#log_area{
	margin-left: 15px;	
}
#log_area td{
	text-align: left;
}
#log_area input{
	width: 120px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 2px;
}
#log_area a:hover{
	text-decoration: none;
}
.hlasenis{
	margin-bottom: 10px;
	color: #28734d;
}
.hlasenisko{
	margin-bottom: 10px;
	color: #e2132d;
}
.akce_mem{
	background-color: white;
	width: 655px;
	height: auto;
	float: left;
	padding: 10px;
}
/************** datum nahore nad akcemi ***/
.datum_top{
	font-size: 18px;
	color: black;
	margin-bottom: 20px;
}
#main .datum_top a{
	font-size: 18px;
	color: black;
	margin-bottom: 20px;
}
/*************** main table *******/
#main table td{
	height: 30px;
	font-size: 14px;
}
#main table td input{
	font-size: 13px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;	
}

#main table .new_part{
	background-color: white;
	height: 36px;
	font-size: 15px;
	padding-left: 10px;	
}
/************** fotogalerie ************/
.fotoname{
	float: left;
	width: 675px;
	margin-bottom: 5px;
}
#main .fotoname a{
	text-decoration: underline;
}
#main .fotoname a:hover{
	text-decoration: none;
}
/******************* videogalerie *******/
.videod{
	float: left;
	height: auto;
	width: 670px;
	background-color: #f1f1f1;
	margin-bottom: 20px;
}
/************ smajliky ***********/
#main .diskuze img{
	padding:0px;
	border:0px;
}
/************ export ***********/
#main .exporttd{
	font-size: 12px;
	background-color:white;
	padding:1px;
}
#main .exporttdl{
	font-size: 12px;
	background-color:red;
	color:white;
	padding:1px;
}
#main .exporttr{
	background-color:none;
}
#main .exporttr:hover{
	background-color:#f2f2f2;
}
a.anketa{  text-decoration:none; }
a.anketa:hover { text-decoration:underline; }
/***********************************************kurzy*************/
.block #dny_odk td.den_h
{
background-image: url("../images/kal_den_h.gif");
color: black;
}
.block #dny_odk td.den_h a
{
color: black;
}
}