/*
Theme Name: Easy Best Creative Theme
Theme URI: http://www.easybest.cz/
Description: Custome style by Easy Best s.r.o.
Version: 24.2.2010
Author: Easy Best - Michael Minar
Author URI: http://www.easybest.cz/
Tags: fixed width, three columns
*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	list-style: none;
}
html{
	background: #42640F url(images/bg_body.jpg) no-repeat center top;
}
body {
	font-size: 62.5%;
	text-align: center;
	color: #fff;
	font-family: sans-serif;
	background:  url(images/bg_html2a.png) no-repeat center bottom;
}
#lightbox { color: black; }
body.siroky {
	background: url(images/bg_bottom.gif) no-repeat center bottom;
}
.item-pred, .boxik{
  display: block;
  position: relative;
}
#content {
  display: block;
	width: 1000px;
	text-align: left;
	margin: 485px auto 0;
	background: url(images/bg_main.jpg) repeat-y 11px top;
	position: relative;
}
.siroky #content{
	background: url(images/bg_main_velky.gif) repeat-y 11px top;
}
#main {
	width: 696px;
	float: right;
  display: block;
  top: -350px;
  background: url(images/bg_main.jpg) repeat-y -250px top;
  position: relative;
  min-height: 300px;
	margin: 0 13px -350px 0;
	padding: 70px 15px 0;
	overflow: hidden;
}
.siroky #main{
	width: 976px;
	padding: 50px 0px 0;
  background: url(images/bg_main_velky.gif) repeat-y 0px top;
}
#jizdenky-na-vlak #main{
	width: 946px;
	padding: 50px 15px 0;
  
}
.homepage #main {
  top: 0;
 	margin: 0 13px 0px 0;
}

#side {
	width: 230px;
	float: left;
	position: relative;
	padding: 100px 0px 350px;
	top: -350px;
	background: url(images/bg_main.jpg) repeat-y 0px top;
	margin-left: 11px;
  margin-bottom: -350px;
}
#otherside {
	width: 180px;
	float: left;
	position: relative;
	padding: 15px 10px
}
#header {
	height: 135px;
	position: absolute;
	overflow: hidden;
  display: block;
	top: -485px;
	left: 0;
	width: 1000px;
}
#current a {
	display: block;
	position: absolute;
	left: 1px;
	top: 6px;
	width: 254px;
	height: 125px;
	overflow: hidden;
	font-size: 140%;
}
#current a span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 125px;
	padding-left: 254px;
	overflow: hidden;
	background: transparent url(images/logo.jpg) no-repeat left top;
}
#current a#menujump {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#other {
	position: absolute;
	top: 100px;
	right: 0;
	z-index: 100;
}
#other a {
}
#breadcrumb {
  display: block;
  position: absolute;
	right: 38px;
	top: -300px;
  width: 726px;
  text-align: right;
  font-size: 110%;
	color: #999999;
}
#breadcrumb li, #breadcrumb ul {
	display: inline;
}
#breadcrumb a {
	color: #999999;
}
#breadcrumb strong {
	display: none;
}
#menu {
  display: block;
  padding: 0px 2px 15px;
}
#menu h2 {
	display: none;
}
#menu ul {
}
#menu ul li {
	font-size: 100%;
}
#menu a {
	display: block;
	line-height: 25px;
	padding-left: 30px;
	text-decoration: none;
	font-size: 140%;
  color: white;
	background: url(images/bg_menu_li.jpg) no-repeat 5px 3px;
}
#menu a:hover, #menu a.current  {
	text-decoration: underline;
}
form, fieldset, legend {
	margin: 0;
	padding: 0;
	border: none;
}
form {
	width: 600px;
	padding: 20px 10px;
	margin: 0 auto;
}
fieldset {
	margin: 0;
	border: none;
}
fieldset legend {
	font-size: 150%;
	font-weight: normal;
	color: #333333;
	padding: 5px 0 10px 23px;
}
fieldset fieldset legend {
	font-size: 130%;
}
form label, form .cf-box-title {
	text-align: left;
	font-weight: bold;
	display: inline;
	float: left;
	width: 100px;
}
form .cf-box-group label {
	font-weight: normal;
}
form input, form select, form label, form textarea {
	font-size: 110%;
}
form input {
	width: 350px;
	margin: 0 0 3px 0;
	float: left;
}
form select {
	width: 350px;
	margin: 0 0 3px 0;
	float: left;
}
form textarea {
	width: 350px;
	margin: 0 0 3px 0;
	float: left;
}
form label input, form .cf-box-group input, form .cf-box-b {
	width: 2em;
}
form button, .sendbutton {
	cursor: pointer;
	width: 10em;
}
.sendbutton {
  position: relative;
  left: 113px;
}
.emailreqtxt, .reqtxt {
	display: inline;
	float: left;
  width: 15px;
  margin-left: 5px;
  font-size: 200%;
	height: 15px;
	overflow: hidden;
	color: #ff0000;
}
form ol li {
	list-style: none !important;
	clear: both;
	margin: 0;
	padding: 0;
}

#usermessagea {
	font-size: 120%;
	text-align: center;
	margin: 1em auto;
	font-weight: bold;
	color: red;
}
.cf_hidden {
	display: none;
}
.failure {
	color: red;
	border: 1px solid #ff0000;
	padding: 10px;
}

#footer {
	background:  url(images/bg_html2a.png) no-repeat center bottom;
	padding: 30px 0 0;
	clear: both;
	height: 474px;
}
.siroky #footer {
	background:  url(images/bg_bottom.gif) no-repeat center bottom;
	padding: 30px 0 0;
	clear: both;
	height: 304px;
}
#footer p {
	font-size: 12px!important;
}
#footer p, #footer p a {
	color: #eee;
}
#footer p a {
  text-decoration: none;
}
#footer p a:hover{
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
  color: #fffc00;
}
h1 {
	font-size: 180%;
	padding: 20px 16px 30px 16px;
	position: absolute;
	left: 0px;
	top: 0px;
  display: block;
  width: 696px;
  background: url(images/bg_h1.jpg) no-repeat 0px top;
}
.siroky h1 {
	font-size: 180%;
	padding: 20px 16px 10px 16px;
	position: absolute;
	left: 0px;
	top: 0px;
  display: block;
  width: 944px;
  background: url(images/bg_main_velky_h1.gif) no-repeat 0px top;
}
h2 {
	font-size: 140%;
	padding: 10px 10px 5px 0px;
}
h3 {
  color: #fffc00;
	font-size: 120%;
	padding: 10px 10px 5px 0px;
}
h4 {
	font-size: 120%;
	font-weight: bold;
	padding: 10px 10px 5px 10px;
}

#main p {
	padding: 7px 0px 3px;
	text-align: justify;
}

#main ul, #main ol {
	margin: 0.5em 0 0;
  display: block;
}
.size-medium{
  padding-right: 15px;
}
#main ul ul, #main ol ol{
	margin: 0.2em 0;
}
#main ul li, #main ol li {
	list-style: disc url();
	margin-left: 20px;
}
#main ol li {
	list-style: decimal url();
}

#main p, #main ul li, #main ol li {
	font-size: 120%;
	line-height: 1.3em;
}
#main li li {
	font-size: 100%;
}

#side p, #otherside p {
	font-size: 110%;
	padding: 3px 5px 3px 5px;
	line-height: 1.3em;
}
#side h2, 
#otherside h2 {
	font-size: 140%;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
}
#otherside h3 {
	padding-bottom: 0px;
}
#otherside p {
	margin: 0.5em;
}
.eb-nov{
  padding-top: 8px;
  display: block;
  position: relative;
}
.eb-nov .edit{
  top: -8px;
}

#main table {
	margin: 20px auto 0 auto;
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #dddddd;
}
#main table th, #main table td {
	border: 1px solid #dddddd;
}
#main table th {
	text-align: right;
}
#main table th, #main table td {
	vertical-align: middle;
	font-size: 120%;
	padding: 0.5em;
}
#main table thead th, #main table th.right, #main table th.left {
	text-align: center;
	float: none;
}
#main table td.right {
	text-align: right;
	float: none;
}
#main table td.left {
	text-align: left;
	float: none;
}
#main table thead th, #main table thead td {
	border-bottom: 2px solid #dddddd;
	border-right: 2px solid #dddddd;
}
#main table tfoot th, #main table tfoot td {
	border-top: 2px solid #dddddd;
}
#main table tbody th {
	border-right: 2px solid #dddddd;
}
#main table caption {
	caption-side: bottom;
	font-style: italic;
	text-align: center;
	padding: 5px;
	font-size: 110%;
}
#cham{
  display: block;
  position: absolute;
  bottom: 22px;
  right: 35px;
  width: 120px;
  height: 20px;
  overflow: hidden;
}
#cham a{
  display: block;
  width: 0;
  background: url(images/mediaenergy.png) no-repeat left top;
  padding-left: 120px;
  height: 20px;
}
#cham a:hover{
  background: url(images/mediaenergy.png) no-repeat left bottom;
}
#copyright{
  display: block;
  position: absolute;
  bottom: 23px;
  left: 10px;
  text-align: right;
  width: 820px;
}


/* skrývání nepotřebných částí, vždy nechat */
.hidden {
	display: none;
}
a {
	text-decoration: underline;
	color: #C0CF0E;
  cursor: pointer; 
  cursor: hand;
}
h2 a{ color: #fffc00;}
h3 a{ color: #fffc00;}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}

/* zarovnání obrázků v Texy , vždy nastavit */
.left {
	float: left
}
.right {
	float: right;
}
img.left {
	margin: 4px 10px 4px 4px;
}
img.right {
	margin: 4px 4px 4px 10px;
}
.linklove {
	display: none !important;
}
.cleaner {
	clear: both;
}
.edit {
	position: absolute;
	right: 5px;
	top: 8px;
}
.edit a {
	text-decoration: underline;
	color: #666666;
	padding: 3px;
}
.edit a:hover {
	text-decoration: none;
	background: #dddddd;
}
.searchform{
  width: 230px;
  padding: 0!important;
  margin: 0!important;
  height: 100px!important;
  display: block;
  position: absolute;
  top: 0px;
  left:0;
  background: url(images/bg_hledej.jpg) no-repeat left top;
}
form.searchform label {
  display: none;
}
#side form.searchform h2 {
  display: block;
  width: 183px;
  color: #a5c07a;
  height: 38px;
  padding-left: 47px;
  overflow: hidden;
  position: relative;
  line-height: 30px;
}
form.searchform input{
  width: 161px!important;
  padding: 0!important;
  margin: 0!important;
  height: 22px!important;
  display: block;
  font-size: 15px;
  color: yellow;
  border: 0;
  position: absolute;
  bottom: 37px;
  left: 16px;
  background: none;
}
form.searchform button{
  width: 34px!important;
  padding: 0!important;
  margin: 0!important;
  height: 24px!important;
  display: block;
  border: 0;
  position: absolute;
  bottom: 37px;
  right: 16px;
  overflow: hidden;
  background: none;
}
form.searchform button strong{
  width: 0;
  padding-left: 34px!important;
  height: 24px!important;
  display: block;
  border: 0;
  background: none;
}

#menu2{
  position: absolute;
  top: -420px;
  left: 260px;
  width: 726px;
  height: 56px;
  background: url(images/bg_menu.jpg) no-repeat left top;
}
#menu2 h2{
  display: none;
  }
#menu2 ul{
  display: block;
  float: left;
  padding: 0 15px;
  }
#menu2 ul li{
  display: block;
  float: left;
  height: 56px;
  color: white;
  }
#menu2 ul li a{
  display: block;
  float: left;
  line-height: 38px;
  border-right: 2px solid white;
  color: #38530e;
  text-decoration: none;
  font-weight: bold;
  padding: 0px 15px;
  height: 38px;
  margin: 9px 0;
  font-size: 15px;
  }
 #menu2 ul li a:hover{
  text-decoration: underline;
  }
#menu3{
  position: absolute;
  top: -484px;
  right: 74px;
  width: 274px;
  height: 49px;
  background: url(images/menu3.gif) no-repeat left top;
}
#menu3 h2{
display: none;
}
#menu3 ul{
  display: block;
  padding-left: 12px;
}
#menu3 ul li{
  display: block;
  float: left;

}
#menu3 ul li a{
  display: block;
  float: left;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  padding: 3px 10px;
  height: 20px;
  margin-top: 10px;
  line-height: 20px;
  font-size: 13px;
  }
#menu3 ul li a:first-letter{
  text-transform: lowercase;
  }
#menu3 ul li a{
   border-right: 1px solid white;
  }

#menu3 ul li.bez a{
   border-right: 0px;
  }
#menu3 ul li a:hover{
  text-decoration: underline;
  }

.item_cat{
  display: block;
  position: relative;
  float: left;
  margin: 10px auto;
  width: 550px;
}
.item_cat h2 a{   text-decoration:none; }
.item_cat h2 a:hover{  text-decoration:underline; }
.item_cat .pub{ position: absolute; top: 0; right:0; color: #B6EC30;}

.cat2{  padding-left: 120px; width: 576px; margin: 0 0 15px; clear: both; min-height: 80px;}
.cat2 .pic{ position: absolute; top: 0; left: 0;}
.cat2 .pic img{ width: 100px; height: 75px; }

.eb-thumb{
  border: 2px solid #fff;
}
.levy-prednaska{
  float: left;
  display: block;
  width: 470px;
}
.pravy-prednaska{
  float: right;
  width: 200px;
  display: block;
  padding: 0 0 0 20px;
}
.cobude, .cobylo{
  background: #43630E;
}
#plany{
  margin: 15px auto;
  width: 210px;
  padding-top: 6px;
  background:#314A09
}
.cobude h3, .cobylo h3,
.cobude h2, .cobylo h2,
.cobude p, .cobylo p,
#plany h3, #plany p{
  padding-left: 10px!important;
}
.item-pred{
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 3px solid #324A0A;
}
#vypisdestinaci ul{
  display: block;
  float: left;
  overflow: hidden;
  width: 195px;
}
#vypisdestinaci ul li{
  font-size: 12px!important;
  line-height: 1.6em;
}
#vypisdestinaci{
  height: 280px;
  display: block;
  width: 1000px;
  padding: 60px 0px 0 10px;
}
#li--9items{
  display: block;
  float: left;
  padding: 0 0 10px 95px;
}
.comment{
  border-top: 2px solid #000;
}
.sendbutton{
  border: 0px;
  background: #1C2B04;
  color: white;
  text-transform: uppercase;
  width: 355px;
  margin-left: 7px;
  padding: 4px 10px;
}

/*------------------------------------------*/
#respond{
  float: left;
  background: #42640D;
  padding: 5px 20px;
  display: block;
  margin-top: 10px;
}
#respond h3{
  font-size: 140%;
}
#commentform{
  display: block;
  margin: 0 auto;

}
#commentform input, #commentform textarea{
  display: block;
  float: right;
  width: 400px;
}
#commentform label{
  display: block;
  clear:both;
  float: left;
  width: 180px;
}
#commentform input, #commentform label{
  margin-bottom: 5px;
}
ol.commentlist  li{
  display: block;
  position: relative;
  padding: 4px 0px 4px 10px;
  margin-left: 0px!important;
}
#commentform #submit{
  border: 0px;
  background: #1C2B04;
  color: white;
  text-transform: uppercase;
  width: 350px;
  padding: 4px 10px;
  }
#commentform p{
  display: block;
  width: 100%;
  clear: both;
  float: left;
  }
#captchaImgDiv{
  display: block;
  position: relative;
  float: left;
}
.captchaSizeDivLarge{
  float: left;
  display: block;
}
#captchaInputDiv{
  display: block;
  position: absolute;
  bottom: 10px; right: 0;
  width: 250px;
}
#captchaInputDiv span{
display: none;
}
#captchaInputDiv label{
  display: block;
  position: absolute;
  bottom: 20px;
  right: 170px;
}
#captchaInputDiv input{
  display: block;
  position: absolute;
  bottom: 10px;
  right: 70px;
  width: 100px!important;
}

.alt, .even{
  display: block;
  background: #42640D;
}
.even{
  background: #1C2B04;
}
.commentmetadata{
  font-size: 10px;
}
.comment-body .reply{
  display: block;
  position: absolute;
  top: 4px;
  right: 10px;
}
h3#comments{
  display: none;
}
#captchaImgDiv{
  display: block;
  float: left;
  width: 100%;
}


/*---------------------------*/
.wp-pagenavi{
  display: block;
  float: left;
  padding-bottom: 10px;
  font-size: 120%;
  margin-bottom: 10px;
  border-bottom: 1px solid #42640D;
  width: 696px;
}
#dol-nav .wp-pagenavi{
  border-bottom: 0px;
  padding: 10px 0 0px;
  border-top: 1px solid #42640D;
}
.wp-pagenavi span.pages{
  display: block;
  float: left;
}

.wp-pagenavi a, .wp-pagenavi span{
  display: block;
  color: #A0D128;
  float: left;
  padding: 0 6px;
}
.wp-pagenavi span.current{
  font-weight: bold;
}

/*---------------------------------------------------*/

.map-area{
  width: 726px;
  height: 346px;
  display: block;
  position: absolute;
  top: -350px;
  right: 14px;
  background: url(images/mapa6.jpg) no-repeat left top;
}
.map-area ul li{
  display: block;
  position: absolute;
  height: 20px;
  overflow: hidden;
}
.map-area ul li a{
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.map-area ul li strong{ padding-left: 200px; display: none;}

.map-area ul li.item1{ top: 135px;  left: 75px;  width: 70px; }
.map-area ul li.item2{ top: 155px;  left: 145px;  width: 150px; }
.map-area ul li.item3{ top: 190px;  left: 155px;  width: 120px; }
.map-area ul li.item4{ top: 227px;  left: 135px;  width: 60px; }
.map-area ul li.item5{ top: 155px;  left: 300px;  width: 124px; }
.map-area ul li.item6{ top: 176px;  left: 310px;  width: 40px; }
.map-area ul li.item7{ top: 206px;  left: 287px;  width: 82px; }
.map-area ul li.item8{ top: 255px;  left: 307px;  width: 45px; }
.map-area ul li.item9{ top: 228px;  left: 371px;  width: 100px; }
.map-area ul li.item10{ top: 130px;  left: 365px;  width: 90px; }
.map-area ul li.item11{ top: 107px;  left: 475px;  width: 70px; }
.map-area ul li.item12{ top: 160px;  left: 445px;  width: 90px; }
.map-area ul li.item13{ top: 181px;  left: 470px;  width: 90px; }
.map-area ul li.item14{ top: 207px;  left: 415px;  width: 80px; }
.map-area ul li.item15{ top: 267px;  left: 475px;  width: 80px; }
.map-area ul li.item16{ top: 233px;  left: 500px;  width: 75px; }
.map-area ul li.item17{ top: 208px;  left: 525px;  width: 105px; }
.map-area ul li.item18{ top: 155px;  left: 560px;  width: 80px; }
.map-area ul li.item19{ top: 245px;  left: 237px;  width: 70px; }
.map-area ul li.item20{ top: 98px;  left: 323px;  width: 140px; }
.map-area ul li.item21{ top: 135px;  left: 474px;  width: 100px;}
.map-area ul li.item22{ top: 202px; left: 87px;  width: 60px;}


#fbb{ display: block; width: 450px; float: left; height: 50px;  margin-top: 25px; clear: both;}