/*
 **********************************
 **                              **
 **       CSS for xom-tom        **
 **   (c) Tomas Hnatovsky 2006   **
 **                              **
 **********************************
 **                              **
 **   Please respect this code   **
 **  authorship. It took a long  **
 **        time to write.        **
 **                              **
 **********************************
*/

/*
	** Global settings**
	********************
*/
body {
  padding: 0;
	margin: 0;
	font-family:Georgia, "Times New Roman", serif;
	background-color: #999;
}
div.cleaner {
  clear: left;
	height: 1px;
	visibility: hidden;
}
img {
  border: 0;
}

/*
	** Logo settings (under the picture)**
	**************************************
*/
#log {
	background: url(../img/xomlog.gif) top center no-repeat #a1b0b2;
	margin: 0 auto;
	height: 60px;
	width: 848px;
	text-align: center;
}
#log h1{
	color: #C7C7C6;
	font-size: 1.5em;
	margin: 0;
	margin-right: 10px;
	visibility: hidden;
}
#log h1 span{
	color: #666;
}
#log h2{
	color: #C7C7C6;
	font-size: 0.8em;
	margin: 0;
	margin-right: 10px;
	visibility: hidden;
}
#log img {
  border: 0;
}
#log .right {
  float: right;
  margin-top: -25px;
}

/*
	** Middle part settings (picture, about, archive)**
	***************************************************
*/
#mid {
  border-top: 10px solid #a1b0b2;
	background: #a1b0b2;
  margin: 0 auto;
  margin-top: 20px;
  min-height: 300px;
	width: 848px;
}
#mid img {
	border: 0;
}
#mid li {
	margin-bottom: 15px;
}
#mid .uv li {
	margin-bottom: 0px;
}
#mid li a{
	color: #eee;
	text-decoration: underline;
}
#mid li a:hover{
	color: #fff;
	text-decoration: none;
}
#about{
  color: #a1b0b2;
  background: url(../img/about.gif) top center no-repeat;
  margin: 0;
  height: 51px;
  font-size: 0;
  text-align: center;
}
.about{
  min-height: 200px;
  width: 400px;
  color: #fff;
  text-align: justify;
  float: left;
  margin: 20px 0 30px 10px;
}
#archive {
  color: #a1b0b2;
  background: url(../img/archive.gif) top center no-repeat;
  margin: 0;
  height: 51px;
  font-size: 0;
  text-align: center;
}
/* Archive pictures */
.obal_foto {
  padding-top: 40px;
  padding-bottom: 40px;
  color: #ddd;
}
.fotogalerie {
  overflow: hidden;
  margin: 0px auto;
  width: 550px;
}

.fotogalerie .foto_photo {
  width: 110px;
  height: 155px;
  background-color: #899;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  float: left;
}
.mmm {
  _position: relative;
  _top: 10%;
}

/*
	** Bottom part settings **
	**************************
*/
#bot {
	margin: 0 auto;
	margin-top: 30px;
	font-size: 0.8em;
	text-align: center;
	width: 848px;
	line-height: 2em;
	color: #eee;
}
#bot a{
	margin-right: 10px;
	margin-left: 10px;
	color: #eee;
	text-decoration: none;
}
#bot a:hover{
	color: #fff;
	text-decoration: underline;
}
#bot span a{
	margin-right: 1px;
	margin-left: 1px;
	color: #eee;
}
#bot span {
	margin-right: 9px;
	margin-left: 9px;
}

/*
	** Info box settings (hidden, opacity)**
	****************************************
*/
#info {
  position: absolute;
  z-index: 1;
  background: url(../img/b.png) top left;
  _background: #333;
  color: #fff;
	/*-moz-opacity: 19.5;*/
	filter: Alpha(Opacity=60, FinishOpacity=60, Style=2);
  _border-left: 3px solid #a1b0b2;
  visibility: hidden;
	display: none;
  padding: 5px;
  font-size: 0.9em;
  border-top: 10px solid #a1b0b2;
  _margin-left: -2px;
}
#info h3{
  color: #fff;
  margin: 0;
  margin-left: 20px;
}
#info h3 span{
  color: #fff;
  margin: 0;
  font-size: 0.8em;
}
#info p{
	float: left;
	margin-top: 3px;
	padding-top: 0;
	margin-left: 25px;
}
#info a{
	color: #fff;
	text-decoration: underline;
}
#info a:hover{
	color: #fff;
	text-decoration: none;
}
#info div{
	margin-top: 20px;
	margin-right: 20px;
	width: 100px;
	float: right;
	text-align: right;
}

/*
	** Bottom form settings (adding comments) **
	********************************************
*/
#formDole {
	text-align: center;
}
.formular {
	margin: 0 auto 0 auto;
}
.radek {
	width: 250px;
	border: 1px solid #696E5F;
	font-family: verdana, arial, helvetica;
	font-size: 1.2em;
	_font-size: 1.5em;
}
.bunka {
	width: 250px;
	height: 100px;
	border: 1px solid #696E5F;
	font-family: verdana, arial, helvetica;
	font-size: 1.2em;
	_font-size: 1.5em;
}
.tlacitko {
	font-family: verdana, arial, helvetica;
	font-size: 0.9em;
	background-color: #fff;
	border: #696E5F 1px solid;
	padding: 2px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.tlacitko:hover {
	background-color: #EEEFF0;
}
.indexovka {
	font-family: verdana, arial, helvetica;
	font-size: 1.2em;
	border: 0;
	padding: 0;
	margin: 0;
	color: #fff;
}
.komentar a {
	margin: 0;
	padding: 0;
}

div.hr {
	border: 0px;
	height: 34px;
	text-align: right;
}
div.hrk {
	border: 0px;
	height: 0px;
	text-align: right;
}
hr {
	border: 0px;
	height: 0px;
	background-color: #aaa;
	color: #aaa;
	text-align: center;
}

.komentar {
	margin: 50px auto 0 auto;
	width: 500px;
}
.clanek {
	margin-top: 20px;
}
.clanek p {
	margin: 0px;
	padding-left: 10px;
	padding-right: 15px;
	text-align: justify;
}
#bot p a{
	margin-right: 0px;
	margin-left: 0px;
	text-decoration: underline;
	font-weight: bold;
}
#bot p a:hover{
	text-decoration: none;
}
.clanek_vrch {
	margin: 0;
	background-color: #a1b0b2;
	text-align: left;
}
.stred {
	margin: 0;
	background-color: #a1b0b2;
}

div.komentarovy_nazor p {
	text-align: left;
	margin-bottom: 5px;
}
div.komentarovy_nazor p span.bold {
	font-weight: bold;
}
div.komentarovy_nazor p span.italica {
	font-style: italic;
}