/**************************************\

Project:	TRANSPORTONLINE.CZ
Author:	  PARI.CZ

\**************************************/
body {
  color: #666;
}
.container {
  position: relative;
}
/**************************************/
/*              GLOBALS               */
/**************************************/
a {
  color: #666;
}
h2 {
  color: #3286CD;
  border-bottom: 1px solid #ddd;
  clear: both;
}
h2 strong {
  color: #000;
  font-weight: normal;
}
h2 small {
  color: #000;
}
h2.clanky {
  color: #A4D62B;
}
.img-left {
  float: left;
  margin: 0 10px 10px 0;
  border: 1px solid #ddd;
}
.more {
  width: 40px; height: 20px;
  display: block;
  background: url("../images/more_green.gif") no-repeat;
}
.back {
  width: 40px; height: 20px;
  display: block;
  background: url("../images/back_green.gif") no-repeat;
  margin: 0 0 0 510px;
}
.folder {
  height: 19px;
  display: inline-block;
  background: url("../images/ico_folder.gif") no-repeat left;
  padding: 0 0 0 25px;
}
.paging {
  text-align: center;
  color: #000;
}
.section span {
  padding: 0 10px 0 0;
}
/**************************************/
/*              HEADER                */
/**************************************/
.header {
  height: 90px;
  position: relative;
}
.header h1 {
  width: 210px; height: 90px;
  position: absolute; top: 0; left: -20px;
}
.header .search {
  position: absolute; top: 35px; left: 240px;
}
.header .search select {
  width: 160px;
  padding: 4px;
}
.header .search .text {
  width: 200px;
}
.header .search .button {
  width: 76px; height: 27px;
  background: url("../images/search.gif") no-repeat;
  border: 0;
  cursor: pointer;
  color: #fff;
  position: absolute; top: 7px; left: 385px;
}
.header .search-desc {
  position: absolute; top: 20px; left: 240px;
  color: #3286CD;
}
/**************************************/
/*             DIVIDER                */
/**************************************/
.divider {
  background: #EEEEEE url("../images/divider_left.gif") no-repeat left;
  margin: 0 0 20px 0;
}
.divider div {
  width: 100%; min-width: 950px; height: 11px;
  background: url("../images/divider_right.gif") no-repeat right;
}
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
/* BOXY */
.box {
  padding: 10px;
  position: relative;
  cursor: pointer;
}
.closed-box .box-arrow {
  background: transparent url("../images/more_info.png") center center no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 30px; left: 175px;
}
.open-box .box-arrow {
  background: none;
}
.green { /*barva boxu */
  background: #A4D62B url("../images/box-green.gif") no-repeat bottom;
  color: rgb(85, 109, 24);
}
.blue { /*barva boxu */
  background: #82ACE3 url("../images/box-blue.gif") no-repeat bottom;
  color: rgb(65, 89, 119);
}
.box h2 {
  color: #fff;
  border: 0;
  margin: 0;
  font-size: 1.5em;
}
.box .more {
  margin: 0 0 5px 125px;
}
.box ul {
  list-style: none;
  margin-left: 0;
}
.right .box {
  background: #F7F7F7;
  border: 1px solid #E6E6E6;
}
.right .box h2 {
  color: #77A8E7;
  border-bottom: 1px solid #E6E6E6;
  padding: 0 0 4px 0; margin: 0 0 8px 0;
}
/* konec BOXY */
.content {

}

.content .catalog {
  float: left;
  margin: 0 0 20px 0;
  background: url("../images/catalog.jpg") repeat-y 160px;
}
.content .catalog ul {
  width: 166px;
  float: left;
  margin: 0 10px 0 0;
}
.content .catalog ul li {
  padding: 0; margin: 0;
  list-style: none;
}
.content .catalog .add {
  background: url("../images/plusko_green.gif") no-repeat left center;
  padding: 0 0 0 20px; margin: 10px 0 0 0;
  float: left;
  color: #8BB225;
}
#region_navi a,
.content #catalog a{
	font-size: 13pt;
	color: #3286CD;
	text-decoration: none;
}

#regions {
  margin: 0px auto;
  text-align: center;
  width: 530px;
}
#regions a{
  font-size: 12pt;
  float: left;
  padding: 2px 5px 2px 5px;
  text-align: center;
  display: block;
  text-decoration: none;
}
#regions a:link, #chars a:visited {
  color: #82ace3;
}
#regions a.active {
 background-color: #82ace3;
 color: #fff;
}


.content .empty {
	background: none;
}
.content #catalog{
	font-size: 13pt;
}

.content .welcome {
  height: 112px;
  background: url("../images/welcome.jpg") no-repeat;
  position: relative;
}
.content .welcome p {
  color: #fff;
  padding: 10px 0px 0px 15px;
  margin-bottom: 5px;
}
.content .welcome p a {
  color: #fff;
  font-weight: normal;
}
.content .welcome p.bottom {
  padding: 0px 0px 0px 15px;
}
.content .registration {
  height: 152px;
  background: url("../images/registration.gif") no-repeat;
  position: relative;
}
.content .registration p {
  width: 250px;
  color: #fff;
  position: absolute; top: 50px; left: 20px;
}
.content .registration p a {
  color: #fff;
  font-weight: bold;
}
.content .article {
  margin: 0 0 1em 0;
  float: left;
}
.content .article p {
  margin: 0 0 0 0;
}
.content .article .more {
  float: right;
}
/* VYPIS CATALOG */
.item {
  border: 1px solid #ddd;
  background: #F7F7F7;
  padding: 12px;
  overflow:hidden;
  width:94%;
}
.item h3 {
  font-size: 1.4em;
  line-height: 20px;
  margin: 0 0 8px 0;
  font-weight: bold;
}
.item h3 a {
  float: left;
  color: #ff0000;
}
.item h3 .more {
  float: left;
  margin: 0 0 0 10px;
}
.item p {
  font-size: 0.9em;
  clear: both;
}
.item .adress {
  color: #3286CD;
  margin: 0;
}
.item .adress a {
  color: #3286CD;
}
.detail {
  background: 0;
  border: 0;
}
.detail .contact {
  font-size: 0.9em;
}
.detail .contact td {
  padding: 0;
}
/* konec CATALOG */
/* FORMULAR */
#formular input.add2 { width: 18px; height: 19px; background: url("../images/add.png") no-repeat; border: 0; position: absolute; right: 20px; top: 25px; }
#formular p { float: left; clear: left; margin: 0 0 5px 0; position: relative; }
#formular .celek {float: left; position: relative; }
#formular label { width: 150px; display: block; float: left; }
#formular input { width: 300px; height: 19px; float: left; border: 1px solid #8A909E; }
#formular input.small { width: 240px; }
#formular input.checkbox { width: auto; height:auto;border:0; margin: 0 10px 0 0;}
#formular input.add { width: 18px; height: 19px; background: url("../images/add.png") no-repeat; border: 0; position: absolute; right: 0; top: 2px; }
#formular input.firm { right: 30px; top: 45px; }
#formular input.remove { width: 18px; height: 19px; background: url("../images/remove.png") no-repeat; border: 0; position: absolute; right: 0px; top: 2px; }
#formular input.disable { visibility: hidden; }
#formular input.submit { width: 73px; height: 18px; background: url("../images/submit.gif") no-repeat; border: 0; margin: 0 5px; cursor: pointer; }
#formular legend { padding: 0 10px; }
#formular #firmInfo { width: 500px; float: left; clear: left; margin: 0 0 20px 0; position: relative; }
#formular #more { width: 300px; height: 27px; float: left; margin: 0; position: relative; }
#formular textarea { width: 290px; height: 40px; border:1px solid #bbb;}
#formular textarea:focus {border:1px solid #666;}
#formular .su { float: left; clear: both; border: 0; padding: 15px 0; }
#formular fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
/* konec FORMULAR */
/**************************************/
/*               FOOTER               */
/**************************************/
.footer {
  margin: 20px 0 0 0;
  background: url("../images/footer.gif") repeat-x;
  height:35px;
}
.footer div {
  background: url("../images/footer_left.gif") no-repeat left;
}
.footer div div{
  width: 100%; min-width: 950px; line-height: 35px;
  background: url("../images/footer_right.gif") no-repeat right;
  text-align: center;
}
.footer div div p {margin:0px;padding:0px;}
#open_hours { width:auto; }
#open_hours .day { width:60px; }
#open_hours .time { width:50px; text-align:center; }
#region_navi { font-size:12pt; }
h2#searchTitle { border:none; font-size:1.0em; }


/*pismenkova navigace*/
#chars {
  margin: 0px auto;
  text-align: center;
  width: 530px;
}
#chars a{
  font-size: 12pt;
  float: left;
  padding: 2px 5px 2px 5px;
  text-align: center;
  display: block;
  text-decoration: none;
}
#chars a:link, #chars a:visited {
  color: #82ace3;
  font-size:1.2em;
}
#chars a.active {
 background-color: #82ace3;
 color: #fff;
}