body{
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: White;
}
div#page{
	margin: 10px 5px; 	
	font-size: 1.0em;
}
div#head{
		text-align: center;
}
div#head p{
	text-align: right;
	margin: 0px 100px;
	
}
div#head p span.www{
	float:left;
	
}
div#logo{
	background-image: url(images/zsplanany.png);
	background-repeat: no-repeat;
	width: 895px;
	height: 144px;
	margin: auto;
}
div#body{
	margin: 10px 0px;
	background-image: url(images/bg.png);
	background-repeat: repeat-y;
	
}
div#body2{
	background-image: url(images/bg2.png);
	background-position: right;
	background-repeat: repeat-y;
	width: 100%;
}
.simple div#body2{
	background-image: none;
	background-position: right;
	background-repeat: repeat-y;
	width: 100%;
}
div#menu{
	float: left;
	width: 230px;
	margin: 0px 0px;
	/*background-color: Blue;*/
}
div#rmenu{
	float: right;
	width: 230px;
	margin: 0px 0px;
/*	background-color: Blue;*/
}
div#text{
	margin: 0px 230px;
	position: relative;
	z-index: 50;
	/*width: expression(document.body.clientWidth < 700? '700px' : '100%');*/
	/*background-color: Purple;*/
}
.simple div#text{
	margin: 0px 0px 0px 230px;
}
div.in{
   margin: 10px 15px; 
   position: relative;
   z-index: 50;
}
div.cleaner{
	clear: both;
}
div#foot{
	text-align: center;
}
div#footlogo{
	background-image: url(images/foot.png);
	background-repeat: no-repeat;
	width: 895px;
	height: 54px;
	background-position: center;
	background-repeat: no-repeat;
	margin: auto;
	position: relative;
}
div#footlogo p{
	position: absolute;
	color: #9C9A9C;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
}
div#footlogo .text1{
	left: 110px;
	top: 20px;
}
div#footlogo .text2{
	right: 130px;
	top: 35px;
}
div#menu ul{
	margin: 0px;
	padding: 0px;
	text-align: right;
}
div#menu ul li{
	margin: 0px;
	padding: 5px 40px 10px 0px;
	font-size: 1.2em;
	font-weight: bold;
	list-style: none;
	background-image: url(images/small-blue.png);
	background-repeat: no-repeat;
	background-position: right 2px;
}
div#menu ul.sub{
	padding: 5px;
}
div#menu ul.sub li{
	font-size: 0.9em;
	font-weight: normal;
	margin: 0px;
	padding: 2px 0px;
	list-style: none;
	background-image: none;
}
div#menu ul.sub li.sel a{
	text-decoration: underline;
}
div#menu ul.sub li a{
	text-decoration: none;
	color: Black;
	padding: 1px 1px;
}
div#menu ul.sub li a:hover{
	text-decoration: underline;
}
h3.lpuntik,h3.rpuntik{
	margin: 0px;
	padding: 10px 0px 10px 40px;
	background-image: url(images/small-blue.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	font-size: 1.2em;
}
h3.rpuntik{
	background-position: right 8px;
	padding: 10px 40px 10px 0px;
}
.invisible{
	display: none;
}
h1{
	margin: 5px 0px;
	padding: 3px 0px 8px 55px;
	border-bottom: 1px solid #9C9A9C;
	font-size: 2.2em;
	background-image: url(images/big-red.png);
	background-repeat: no-repeat;
}
h2{
	font-size: 1.7em;
}
h3{
	font-size: 1.3em;
}
h4{
	font-size: 1.2em;
}
h5{
	font-size: 1.1em;
	margin: 3px 0px;
	padding: 0px;
}
.gray{
	color: #9C9A9C;	
}
.gray a, div.gray a{
	color: #9C9A9C;	
}
.gray a:hover, div.gray a:hover{
	color: #6B6B6B;
}
hr{
	border: 0px;
	margin: 10px 0px;
	padding: 0px;
	border-bottom: 1px solid #9C9A9C;
}
div.info{
	margin: 10px 10px;
}
/*puntiky*/
li.red, h3.red{
	background-image: url(images/small-red.png) !important;
}
.red .big{
	background-image: url(images/big-red.png) !important;
}
.red a:hover{
	background-color: #FFC1C1;
}
li.blue, h3.blue{
	background-image: url(images/small-blue.png) !important;
}
.blue .big{
	background-image: url(images/big-blue.png) !important;
}
.blue a:hover{
	background-color: #BBE8FF;
}
li.green, h3.green{
	background-image: url(images/small-green.png) !important;
}
.green .big{
	background-image: url(images/big-green.png) !important;
}
.green a:hover{
	background-color: #CAF3CA;
}
li.pink , h3.pink{
	background-image: url(images/small-pink.png) !important;
}
.pink .big{
	background-image: url(images/big-pink.png) !important;
}
.pink a:hover{
	background-color: #FFBFE2;
}
li.orange, h3.orange{
	background-image: url(images/small-orange.png) !important;
}
.orange .big{
	background-image: url(images/big-orange.png) !important;
}
.orange a:hover{
	background-color: #FFCA88;
}
li.violet, h3.violet{
	background-image: url(images/small-violet.png) !important;
}
.violet .big{
	background-image: url(images/big-violet.png) !important;
}
.violet a:hover{
	background-color: #E0C7F7;
}
li.grayy, h3.grayy{
	background-image: url(images/small-gray.png) !important;
}
.grayy .big{
	background-image: url(images/big-gray.png) !important;
}
.grayy a:hover{
	background-color: #C8C8C8;
}
li.dblue, h3.dblue{
	background-image: url(images/small-dblue.png) !important;
}
li.dgreen, h3.dgreen{
	background-image: url(images/small-dgreen.png) !important;
}
li.lviolet, h3.lviolet{
	background-image: url(images/small-lviolet.png) !important;
}
.lviolet .big{
	background-image: url(images/big-lviolet.png) !important;
}

form{
	
}
a{
	color: #0092DE;
}
a:hover{
	color: #483D8B;
}
.tajne a, a.tajne{
	color: #C71585 !important;
}
.tajne a:hover, a.tajne:hover{
	color: #8B0000 !important;
}
div.newfloat{
	float: left;
	position: relative;
	width: 100%;
	_width: auto;
}
div.clanek{
	margin: 5px 0px 15px;
}
div.clanek h3{
	margin: 15px 0px 5px;
}
div.clanek p.strucne{
	/*text-indent: 2em;*/
	font-size: 1.2em;
	line-height: 150%;
	margin: 2px 0px;
	padding: 0px 0px;
}
div.clanek p.obsah{
	/*text-indent: 2em;*/
	font-size: 1.0em;
	line-height: 150%;
	margin: 20px 0px 20px;
	padding: 0px 0px;
}
div.clanek div.under{
	margin-top: 5px;
	/*border-top: 1px dotted gray;*/
	 
}
div.clanek h2{
	color: #0092DE;
	/*border-left: 5px solid #0092DE;*/
	/*padding-left: 1em;*/
}
div.tajne h2{
	color: #C61484; /*border-left: 5px solid #0092DE;*/
}
.vpravo{
	float: right;
	padding: 5px 10px;
}
li.files, ul.space li{
	padding-top: 2px;
	padding-bottom: 2px;	
}
li.files img{
	width: 16px;
	height: 16px;
	margin-right: 7px;
}
/*TABULKy*/
table.b{
	border-collapse: collapse;
	border: 1px solid black;
	margin-top: 10px;
	font-size: 1.0em;
}
table.b th{
	border: 1px solid black;
	background-color: #EFF3FF;
	text-align: center;
	padding: 5px 10px;
}
table.b td{
	border: 1px solid gray;
	text-align: left;
	padding: 3px 10px;
}
table.b td.color{
	color: #0092DE;
}
table.b td.tajne{
	color: #DE107B;
}
table.b td.in{
	background-color: #B5F4B6;
}
td.r{
	background-color: #FFDFDF;
}
/*FORMULARE*/
form.inline{
	display: inline;
}
label{
	float: left;
	width: 8em;
	font-weight: bold;
	text-align: right;
	font-size: 1.0em;
	margin-right: 5px;
	clear: left;	
	position: relative;
	top: 0px;
	color: gray;
}
label.required{
	color: black;
}
span.helpnoreq{
    font-weight: bold;
    color: gray;
}
span.helpreq{
   color: black;
   font-weight: bold;
}
input{
	margin: 1px;
	font-size: 12px;
	padding: 1px;
	width: 10em;
}
textarea{
	width: 65%;
	_width: 80%;
	height: 7em;
	/*display: inline;*/
}
.d_pidi{
	width: 40px;
}
.d_maly{
	width: 6em;
}
span.input{
	margin: 2px;
	_margin: 1px;
	font-size: 12px;
	padding: 1px;
	width: 150px;
}
input.box{
	width: auto;
}
select{
	margin: 2px;
	font-size: 0.9em;
	padding: 1px;
}
input#login, input#pass{
	width: 150px;
}
.err, .error{
	color: Red !important;
}
input.auto{
	width: auto;
	padding: 2px 7px;
}

p.info{
    margin-left: 3em;	
}

.color{
   color: #0092DE;
}

/*KALENDAR*/
/*******KALENDAR*******************/
#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
	color: black;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}

#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #E2EBED;
	background-color: #317082;
	color: #FFF;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #7292F3;


}

#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #7292F3;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
	color: White;
	font-weight: bold;
	font-size: 10pt;
}
#calendarDiv .monthYearPicker{
	background-color: white;
	border:1px solid Black;
	position:absolute;
	color: Black;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#7292F3;
	color: White;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
	color: black;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}
/*KALENDAR PHP*/
/* ------------------------------ */
/*        SMALL VERSION           */
table.cal *{
	font-size: 11px;
	/*color: black;*/
/*	background-color: #87CEEB;-*/
	border-color: black;
}
table.cal td, table.cal th{
	border: 1px solid;
	text-align: center;
	padding: 3px 4px;
}
table.cal tr th{
	border: 0px;
	
}
table.cal tr.cal_days th{
	background-color: #0092DE;
	border: 1px solid black;
	color: White;
}
table.cal td.cal_today{
	border: 2px solid #0092DE !important;
}
table.cal td.cal_action{
	background-color: #C8EEFF;
	font-weight: bold;
}
table.cal td.cal_secret{
	background-color: #FFAEDB;
	font-weight: bold;
}
table.cal{
	border-collapse: collapse;
	border: 1px solid black;
	width: 198px;
	margin: 5px 0px 10px;
}
table.cal a{
	text-decoration: none;
	display: block;
	/*width: 100%;
	height: 100%;*/
}
/*NAVSTEVNOST*/
table.pristupy{
	font-size: 12px;
	border: 0px;
	width: auto;
}
table.pristupy tr{
	height: 20px;
	border: 0px;
}
table.pristupy td{
	border: 0px;
}
table.pristupy div.pristupy{
	height: 15px;
	background-color: #FFBBA2;
	border: 1px solid #FF4500;
}
table.pristupy span.hodnota{
	position: absolute;
	padding: 0px 4px 0 4px;
}
.after{
   font-size: 11px;
   color: #666666;
   padding: 5px;
   margin: 5px;
}
a.edit, a.edit:hover{
	color: purple !important;
}
table.tridy{
	font-size: 1.3em;
	border-collapse: collapse;
	/*width: 50%;*/
}
table.tridy td{
	border: 1px solid gray;
	text-align: center;
	padding: 3px 2.2em;
}
img.foto{
	border: 1px solid #9C9A9C;
	padding: 1px;
}
div.galery{
	float: left;
	margin:5px;
}
div.picture{
	margin-left: 3em;	
}
span.nobr{
	white-space: nowrap;
}
zleva{
	float: left;
}
/*FOTOGALERIE*/
div.fpreview{
	clear: both;
}
div.fpreview div.image{
	float: left;
	margin: 0px 10px;
	
}

div.fpreview div.image a{
	border: 2px solid #0092DE;
	display: block;
	margin: 2px 0px;
	padding: 0px;
}
div.fpreview div.image a:hover{
	border-color: purple;
}
div.fpreview div.image a img{
	border: 0px; 
	display: block;
}
div.fpreview h3{
	margin: 0px 0px 0px;
	padding: 4px 0px 0px;
	color: #0092DE;
}
div.ffotky{
	clear: both;
	margin: 10px;
}
div.ffotky div.fotka{
	width: 120px;
	height: 120px;
	float: left;
	margin: 10px;
}
div.plna{
	width: 100%;
	overflow: auto;
}
img.plna{
	width: 640px;
	height: 480px;
}
div.navigace{
	/*border-bottom: 1px solid gray;*/
	margin-bottom: 10px;
	padding: 10px 0px;
}
div.fdetail{
	/*border-bottom: 1px solid gray;*/
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.zprava{
	float: right;
	font-size: 1.3em;
}
span.secret img{
	border: 0px;
}
.btop{
	border-top: 1px solid gray;
	padding-top: 10px;
	margin-top: 10px; 
}
#copy{
	text-align: right;
	padding-top: 10px;
	padding-right: 15px;
	font-size: 0.85em;	
}
td.doprava{
	text-align: right !important;
}

/* DISKUZE */
div.smajlici img{
	border: 0px;
}
div.prispevek{
	position:relative
	margin: 10px 0px;
	border-top: 1px solid rgb(150,150,150);
	padding: 5px 5px; 
	clear: both;
	_margin-right: 50px;
/*	width: 100%;*/
}
span.datum{
	float: right;
}
div.doprava{
	text-align: right;
}
form.diskForm{
	margin: 10px;
}
div.prispevek p{
	margin: 3px 0px;
	padding: 2px 0px;
}
div.prispevek div.reaction{
	float: left;
	color: rgb(170,170,170);
	text-align: left;
	padding: 3px 0px;
}
div.prispevek div.reaction a{
	color: rgb(170,170,170);
}
textarea#textIn{
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 1em;
}
form.anketa input{
	display: block;
	width: auto;
	display: inline;
}
form.anketa label{
	text-align: left;
	display: block;
	color: black;
	font-weight: normal;
	float: none;
	display: inline;
}
div.acol{
	height: 5px;
	font-size: 5px;
}
div.acolwrap{
	border: 1px solid gray;
	margin: 1px 0px 2px;
}
div.question{
	font-weight: bold;
	margin-bottom: 3px;
	
}
div.anketa form{
	margin: 0px;
	padding: 0px;
}
div.anketa{
	position: relative;
	width: 220px;
	padding: 0px;
	z-index: 100;
	margin-left: 30px;
}
div.vyrazny{
	border: 1px solid #aaa;
	padding: 7px 15px;
}

table.small th, table.small td{
	font-size: 10px;
	padding: 2px 2px;
}
table.small td{
	font-size: 11px;
}