@import "basics.css";
@import "forms.css";

/** {border: 1px solid #f00;}*/

body{
   background: #494949 url("../images/prechod.jpg") repeat-x;
   margin:0px;
   padding:0px;
   text-align:center;
   font:normal 0.9em Verdana,'Trebuchet MS',Verdana,sans-serif;
   line-height:1em;
   color: #a9a9a9;
   /*position: relative;*/
   _height: 1000px;
}

h1{
  width: 207px;
  height: 148px;
  text-align:left;
  color:#000;
  margin:0px 0px;
  padding-bottom:0px;
  /*width:930px;*/
  font-size:2.5em;
  /*background: #EEE;*/
  /*border-top:2px solid #000;
  border-bottom:2px solid #000;*/
}

h1 a, #new_logo a{
  text-decoration:none;
  /*margin-left: 30px;*/
  display: block;
  width: 160px;
  font-size: 0.7em;
  height: 96px;
  position: relative;
  padding: 10px;
  color: #000;
}

h1 a span{
	display: block;
	width: 207px;
	height: 136px;
	position: absolute;
	top: 10px;
	left: 20px;
	background: url("../images/logo.gif") left top no-repeat;
}

h2#motto{
	position: absolute;
	top: 50px;
	left: 270px;
	width: 400px;
	color: #79c900;
	font-weight: bold;
}

#new_logo{
	margin-bottom: 40px;
	=margin-bottom: 50px;
}

#new_logo a{
	width: 200px;
	height: 127px;
}

#new_logo a span{
	display: block;
	width: 200px;
	height: 127px;
	position: absolute;
	top: 45px;
	left: 10px;
	background: url("../images/logo_black.gif") left top no-repeat;
}


h2{
  margin:10px 0px 5px;
  font:normal 1.7em Verdana, arial, sans-serif;
  color: #FA8700;
  /*background:#fff;*/
}

h2 a, h3 a{
  text-decoration:none;
  /*color: rgb(22,100,232);*/
  color: #FA8700;
}

h2 a:hover{
  text-decoration:underline;
}

h3{
  margin:10px 0px 0px 0px;
  padding:0px;
  font:bold 1.3em verdana,arial, sans-serif;
}

img{
  border:none;
  margin:5px;
}

dfn,acronym{
  border-bottom: 1px dotted #666;
  cursor: help;
}

code{
  white-space:pre;
  font-family: monospace;
  display:block;
  border:1px dotted #000;
  font-size:1.1em;
  padding:5px;
  margin:2px;
  overflow:auto;
  width:100%;
}

a{
  color:#00f;
  color: #79C900;
}

a:hover{
	text-decoration: none;
}

table{
  border:1px solid #000;
  border-collapse:collapse;
}

td{
  border:1px solid #000;
  padding:5px;
}

#inner{
  width:970px;
  margin:20px auto 0px;
  border: 1px solid #BBB;
  border-bottom: none;
  min-height:800px;
  padding:0px;
  padding-bottom: 45px;
  position:relative;
  text-align: justify;
  background: #000;
}

* html #inner{
  height:800px;
}

#content{
  padding: 0px 20px 20px 20px;
  font-size:0.75em;
  /*color: #454545;*/
  overflow:hidden;
  text-align:left;
  /*width: 790px;*/
  border-top: 5px solid #fa8700;
}

ul#menu{
	padding: 15px 5px 5px 20px;
	margin: 0px -20px 30px -20px;
	background: url("../images/menu_bg.jpg") repeat-x;
	height: 25px;
}
ul#menu li{
	padding: 0px 5px;
	margin: 0px;
	list-style-type: none;
	float: left;
	margin-right: 0px;
	border-right: 1px solid #000;
}

ul#menu li a{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

ul#menu li a:hover{
	text-decoration: underline;
	color: #fff;
}

#flash{
	margin: 0px 0px -3px 0px;
	=margin: 0px;
}

.big_foto{
	width: 970px;
	height: 243px;
	margin: 0px;
	_margin: 0px -40px 0px 0px;
	padding: 0px;
	position: relative;
	right: 20px;
}

.right_big_foto{
	width: 750px;
	height: 205px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
}

#big_foto1{background: #000 url("../images/foto1.jpg");}
#big_foto2{background: #000 url("../images/foto2.jpg");}
#big_foto3{background: #000 url("../images/foto3.jpg");}
#big_foto4{background: #000 url("../images/foto4.jpg");}
#big_foto5{background: #000 url("../images/foto5.jpg");}
#big_foto6{background: #000 url("../images/foto6.jpg");}
#big_foto7{background: #000 url("../images/foto7.jpg");}
#big_foto8{background: #000 url("../images/foto8.jpg");}
#big_foto9{background: #000 url("../images/foto9.jpg");}
#big_foto10{background: #000 url("../images/foto10.jpg");}
#big_foto11{background: #000 url("../images/foto11.jpg");}
#big_foto12{background: #000 url("../images/foto12.jpg");}
#big_foto13{background: #000 url("../images/foto13.jpg");}
#big_foto14{background: #000 url("../images/foto14.jpg");}

.main_post{
	width: 600px;
	margin: 0px;
	margin-left: -10px;
	padding: 0px;
	clear: left;
}

.main_post .img{
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	padding-bottom: 20px;
}

.main_post img{
	margin: 0px;
	padding: 0px;
}

.main_post div{
	margin-left: 0px;
	width: 380px;
	float: right;
	padding-bottom: 20px;
}

.main_post div h2{
	padding-top: 15px;
}

.main_post div h2 a{
	font: bold 1em verdana,sans-serif;
	color: #FA8700;
}

#older_posts{
	width: 800px;
	_width: 790px;
	padding-top: 10px;
	clear: left;
	margin-left: -10px;
	margin-top: 20px;
	border-top: 1px solid #17467e;
	/*background: rgb(237,237,237);*/
}

#older_posts h3{
	font: bold 1.3em verdana,sans-serif;
	color: #FA8700;
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.older_post{
	width: 230px;
	_width: 210px;
	margin-right: 35px;
	margin-left: 0px;
	float: left;
}

#older_posts .older_post h3{
	margin-bottom: 10px;
	font: bold 1.2em verdana,sans-serif;
	text-transform: none;
}

.older_post .img{
	float: left;
}

.posts{
	padding-top: 40px;
	width: 810px;
	margin-bottom: 20px;
}

#left_col{
	float: left;
	width: 700px;
}

#right_col{
	font-size: 12px;
	float: right;
	width: 300px;
	position: absolute;
	top: 470px;
	right: 10px;
}

#videa{

}

#news li{
	list-style-type: none
}

#news li a{
	font-weight: bold;
}

#news li p{
	margin-top: 5px;
}

#post{
	/*margin-left: 150px;*/
	width: 610px;
	padding: 10px 50px 10px 20px
	text-align: justify !important;
}

#post p{
	text-align: justify;
}

#post_photos{
	width: 300px;
	float: right;
}

#post_photos a{
	/*float: right;*/
	/*width: 10px;*/
	float: left;
	text-decoration: none;
	text-align: center;
}

#post_photos a p{
	text-decoration: underline;
}

.thickbox p{
	display: block;
	width: 300px;
	text-align: center;
	margin: 0px 0px 10px 0px;
}

#galery_photos a.thickbox{
	float: left;
	margin-right: 40px;
	text-decoration: none;
}

#first_post{
	text-align: justify;
	width: 610px;
}

#first_post #photos{
	float: right;
	width: 150px;
	margin: 0px 5px 0px 20px;
}

.category{
	float: right;
}

.post{
	clear: both;
	_width: 900px;
	/*width: 500px;*/
}

.post h3{
	padding-top: 15px;
}

.post div{
	float: right;
	position: relative;
	top: -20px;
	width: 600px;
	_width: 470px;
	margin-right: 140px;
}

.post div .perex{
	text-align: left;
}

.photo{
	margin-right: 20px;
	float: left;
}

#post_news{
	float: left;
	width: 120px;
}

.news h3{
	color: #FA8700;
}

.news h4,#post_news h4{
	margin-top: 20px;
	margin-bottom: 0px;
	font-size: 13px;
}

.news p,#post_news p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#other_posts a{
	line-height: 1.4em;
}

#other_posts ul{
	margin: 0px;
	padding: 0px;
}

#other_posts ul li{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style-type: none;
}

#comments{
	clear: left;
	margin-left: 150px;
	margin-bottom: 50px;
}

#comments h3{
	color: #FA8700;
	margin-left: -130px;
	border-top: 2px solid #353535;
	margin-right: 20px;
	padding-top: 10px;
}

#comments p{
	font-size: 0.8em;
}

.menu li{
  margin:0px;
  padding:0px;
  list-style-type:none;
  width:200px;
  font:normal 1em Verdana,sans-serif;
}

.menu li a{
  display:block;
  padding:3px 3px 3px 10px;
  text-decoration:none;
  color:#454545;
  font-size:0.9em;
}

.menu li a:hover{
  background:rgb(187,217,234);
  color:rgb(67,118,175);
}

.menu li.selected{
  position:relative;
  top:1px;
  background:#fff;
}

#right h2{
  color: #FFF;
  padding:2px;
  font:bold 1em serif;
  text-align:center;
  margin:0px;
  margin-top:20px;
  border: 1px solid #bbb;
  background: #315577;
}

.menu{
  padding:0px;
  margin:0px;
  border: 1px solid #bbb;
}

#feet{
  clear: both;
  /*position:absolute;
  bottom:0px;
  left:0px;*/
  /*background: #EEE;*/
  width: 100%;
}

#feet_in{
	margin: 0px auto;
	width:972px;
	padding-bottom: 5px;
	border-top: 1px solid #bbb;
	background: #494949;
	text-align:center;
	font:normal 0.8em Verdana,sans-serif;
	color:#DDD;
}

#toplist{
	position: relative;
	top: 8px;
	left: 10px;
}

#search div{
  text-align:center;
}

#search input{
  width:100px;
  margin-top:3px;
  margin-bottom:3px;
}

#podobne{
  border:1px dotted #AAA;
  padding:5px;
}

.important{
  font-weight:bold;
  color:rgb(170,36,46);
}

.center{
  text-align:center;
}

.right{
  float:right;
}

.cleaner{
	clear: both;
}

.koment_nadpis{
  margin-top:30px;
}

.tag code{
  display:inline;
  border:none;
}

span.search{
  background: rgb(255,255,51);
}

.picture{
  display: block;
  width: 300px;
  padding: 5px;
  border: 1px solid #bbb;
  color: #000;
  text-decoration: none;
  background: #ddd;
  margin:10px;
  float: right;
  clear: both;
}

.picture img{
  margin:0px;
}

.picture span{
  display: block;
  width: 300px;
  text-align:center;
}

#linkuj{
  clear: both;
}

#adsense{
	width: 120px;
	height: 600px;
	position: absolute;
	top: 150px;
	right: 15px;
}

#horni_banner{
	width: 468px;
	height: 60px;
	position: absolute;
	top: 50px;
	left: 270px;
}
.links{
	position: absolute;
	right: 50px;
	top: 850px;
}

#comment_form{
	width: 600px;
	margin-bottom: 30px;
	margin-left: 150px;
}

#comment_form textarea{
	width: 400px;
	height: 100px;
}

#fotocategory{
	/*float: right;*/
	width: 900px;
}

#fotocategory div{
	width: 400px;
	display: block;
}

#svatek{
	position: absolute;
	top: 130px;
	right: 20px;
	z-index: 10;
	font-size: 0.7em;
}

#hledani{
	position: absolute;
	top: 50px;
	right: 30px;
	z-index: 10;
	font-size: 0.7em;
	text-align: right;
}

#hledani td{
	border: none;
}

#hledani table{
	border: none;
}

#hledani input{
	font-size: 0.9em;
}

#hledani #sbi{
	width: 100px;
}

#hledani #ss0, #hledani #ss1{
	margin-left: 0px;
}

#newsletter{
	_font-size: 0.7em;
}

#newsletter #email{
	font-size: 0.9em;
	width: 80px;
	margin-right: 5px;
}

#newsletter #submit{
	font-size: 0.9em;
}

table#kurzy td, table#kurzy th{
	border: 1px solid #bbb;
	padding: 5px;
}

table#kurzy{
	border: 1px solid #bbb;
	background: #222;
	color: #FFF;
	margin: 20px 10px;
}

#sponsors{
	_font-size: 0.7em;
	text-align: center;
	margin-top: -10px;
}

#sponsors a, #links a{
	text-decoration: none;
}

.sponsor{
	float: left;
	width: 320px;
	margin: 30px 50px;
	height: 120px;
	text-align: center;
	overflow: hidden;
}

.sponsor img{
	float: left;
}

.sponsor p{
	float: left;
	width: 200px;
}

.gray{
	color: #a9a9a9;
}

.required{
	background: #f00;
}

.red{
	color: #f00;
}


.required:active, .required:focus{
	background: #FFA298;
}
#kontakt{
	float: right;
	_width: 700px;
}

#kontakt_left_column{
	float: left;
	width: 300px;
}

#kontakt_right_column{
	float: right;
	position: relative;
	top: -40px;
	width: 300px;
}